Routing

65 lessons in React

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