Routing Techniques in SolidJS
1h 21mIntermediate2025-03-18
Authors
Fikayo Adepoju
Technical Writer | Software Developer
Course details
This hands-on course guides you through the process of setting up and implementing routing in SolidJS applications. Instructor Fikayo Adepoju explains how to implement basic routing, lazy loading of routes, dynamic navigation, and route parameters. Learn to use config-based routing, which allows more flexibility for developers to define routes. Check out this course to learn the techniques to design navigation for your SolidJS production applications.
Learning objectives
Install and set up the SolidJS Router.
Implement routing for multiple pages/components.
Lazy load routes for performance.
Create layouts with nested routes.
Use config-based routing for SolidS apps.
Learning objectives
Install and set up the SolidJS Router.
Implement routing for multiple pages/components.
Lazy load routes for performance.
Create layouts with nested routes.
Use config-based routing for SolidS apps.
Skills covered
Web Development ToolsFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesSoftware DevelopmentOne-Off
Concepts
Introduction
- Route like a pro with SolidJS
- What you need to know
Installation and Setup
- Introducing the SolidJS router
- Features of the SolidJS router
- Installing the SolidJS router
- Adding your first route
Adding and Managing Routes
- Adding multiple routes
- Using route links
- Detecting active links with activeClass
- Lazy-loading routes
Dynamic Routing
- Dynamic navigation with Navigate
- Dynamic navigation with useNavigate
- Using route parameters
- Using optional route parameters
- Declaring multiple routes
Nesting Routes and Layouts
- How nested routing works
- Using nested routes
- Creating a page layout
Config-Based Routing
- How config-based routing works
- Configuring multiple routes
- Configuring route parameters
- Nested routes in config-based routing
Conclusion
- Next steps