Learn how to extend your React applications and build modern UIs with React Router.
Overview
Syllabus
Introduction
- Building modern UIs
- What you should know about React
- Set up the project
- The fundamentals of routing
- Install React Router DOM and connect to the browser's URL
- Configure your first route
- Use Link to navigate between pages
- Challenge: Create a navigation with Link and Route
- Solution: Create a navigation with Link and Route
- How nested routing works
- Create a 404 or No Match Route
- Define placeholders to create dynamic routes
- Read and display URL parameters
- Display active links
- Challenge: Render a nested UI from route matches
- Solution: Render a nested UI from route matches
- Index routes
- Navigate programmatically
- Pass data when navigating programmatically
- Challenge: Pass location state
- Solution: Pass location state
- Next steps
Taught by
Emmanuel Henri
