advanced-guides

Advanced Guides for React Router

These guides document some of the different flows and patterns you can use to build a certain capability or feature of your app with React Router.

Building the User Interface

• Using Layouts
• "Not Found" Routes (404)
• Using Route Config Objects

Using Layouts

TODO

"Not Found" Routes (404)

TODO

Using Route Config Objects

TODO

Common User Flows

• Login and Authentication
• Forms and Prompts
• Transitions and Animation
• Passing Data Between Routes Using location.state
• Persisting Data Using location.key
• Managing Scroll Position
• Modals

Login and Authentication

TODO

Forms and Prompts

TODO

Transitions and Animation

TODO

Passing Data Between Routes Using location.state

TODO

Persisting Data Using location.key

TODO

Managing Scroll Position

TODO

Modals

TODO

Useful Techniques

• Working with the Search/Query String
• Custom Links
• Recursive Paths
• Code Splitting

Server Rendering

• Creating Routes from Files
• Using StaticRouter Directly

Testing

• Using Jest with React Test Renderer
• Using Jest with React Testing Library
• Using Mocha
• Using Cypress

This list is by no means exhaustive, so if you think something is missing, please let us know!