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

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

• 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