Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Use Gatsby’s Link Component to Improve Site Performance and Simplify Site Development

via egghead.io

Overview

Gatsby’s Link component is a powerful way to improve the user experience and simplify the development workflow when building Gatsby sites. It makes navigating between internal links instantaneous, creating an app-like feel, and provides helpers for various common use cases.
In this playlist, you’ll learn:
Why and how to use Gatsby’s Link component for internal link navigation
How to set styles for the currently active link
How to apply active styles to parent pages and other partially matching URLs
How to send state information in the props of the Link target
How to replace items in the navigation history
How to navigate programmatically using the navigate helper function

Syllabus

  • Why and How to Use Gatsby’s Link Component
  • Add Custom Styles for the Active Link Using Gatsby’s Link Component
  • Customize Styles for Partially Matched URLs With Gatsby’s Link Component
  • Include Information About State in Navigation With Gatsby’s Link Component
  • Replace Navigation History Items with Gatsby’s Link Component
  • Navigate to a New Page Programmatically in Gatsby

Taught by

Jason Lengstorf

Reviews

4.3 rating at egghead.io based on 1 rating

Start your review of Use Gatsby’s Link Component to Improve Site Performance and Simplify Site Development

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.