solid-router-navigation

What problem does it solve?

This Skill simplifies navigation within SolidJS applications by providing clear guidance on using the Solid Router for various navigation scenarios, from declarative links to programmatic control and parameter handling.

Core Features & Use Cases

• Declarative Linking: Use the <A> component for creating navigation links with active state styling.
• Programmatic Navigation: Employ useNavigate for imperative redirects after actions.
• Parameter Management: Easily access route parameters (useParams) and search parameters (useSearchParams).
• Server-Side Redirects: Utilize the redirect function for navigation initiated on the server.
• Use Case: When building a user profile page, you can use useParams to get the user ID from the URL and useSearchParams to handle pagination or filtering.

Quick Start

Use the A component to create a link to the home page with an active class.