Routing

63 lessons in React

• Building a 404 RouteCode Quiz
• Index Route DefinitionCode Quiz
• Route-Based Code Splitting with Lazy LoadingSlides / Video
• Relative vs Absolute Route PathsSlides / Video
• Accessing Current Location with useLocationSlides / Video
• Protected Routes and Auth GuardsSlides / Video
• Handling 404 No Match RoutesSlides / Video
• Redirects with the Navigate ComponentSlides / Video
• Layout Routes and Shared UISlides / Video
• Index Routes in React RouterSlides / Video
• Nested Routes and OutletSlides / Video
• Query Parameters with useSearchParamsSlides / Video
• Passing State Through NavigationQuiz
• Accessing Location with useLocationQuiz
• Protected/Private Routes PatternQuiz
• Redirects with Navigate ComponentQuiz
• Wildcard and 404 Not Found RoutesQuiz
• Route Matching and Ranking RulesQuiz
• BrowserRouter vs HashRouter SetupQuiz
• Query String Handling with useSearchParamsQuiz
• Index RoutesQuiz
• Programmatic Navigation with useNavigateQuiz
• Dynamic Route Parameters with useParamsQuiz
• Link vs NavLink NavigationQuiz
• Nested Routes and OutletQuiz
• Lazy Loading Routes with Code SplittingQuiz
• Route and Routes ConfigurationQuiz
• Layout Routes for Shared UIQuiz
• Relative vs Absolute Route PathsQuiz
• Dynamic Route Parameters and useParamsSlides / Video
• Programmatic Navigation with useNavigateSlides / Video
• Layout RoutesCode Quiz
• Redirect with NavigateCode Quiz
• Relative vs Absolute PathsCode Quiz
• Using the useLocation HookCode Quiz
• Protecting a Private RouteCode Quiz
• Reading Query ParamsCode Quiz
• Navigating with useNavigateCode Quiz
• Nested RoutesCode Quiz
• BrowserRouter SetupCode Quiz
• Outlet for Nested RenderingCode Quiz
• Dynamic Params with useParamsCode Quiz
• Route Path MatchingCode Quiz
• NavLink Active StylingCode Quiz
• Link NavigationCode Quiz
• Routes and Route DefinitionCode Quiz
• Defining Routes with Routes and RouteSlides / Video
• Setting Up BrowserRouterSlides / Video
• Lazy Loading Routes with Code SplittingFlashcard
• Route Layouts and Shared UIFlashcard
• Relative vs Absolute Route PathsFlashcard
• 404 / Not Found RoutesFlashcard
• Accessing Current Location with useLocationFlashcard
• Query Strings with useSearchParamsFlashcard
• Link and NavLink NavigationFlashcard
• Defining Routes and Route MatchingFlashcard
• Index RoutesFlashcard
• Nested Routes and OutletFlashcard
• URL Parameters with useParamsFlashcard
• Protected / Private RoutesFlashcard
• Programmatic Navigation with useNavigateFlashcard
• React Router Setup and BrowserRouterFlashcard
• Redirects and the Navigate ComponentFlashcard