5/5 (1242 ratings)
Everything you need, structured and ready to go.
The Missing Introduction to React Router
Project Setup and Walkthrough
Introducing the <BrowserRouter />
<Route /> and Path declarations
Switching <Route /> elements with <Routes />
Handling 404 Not Found routes
Redirecting 404 Not Found routes
Navigating to routes with <Link />
Active link states with <NavLink />
Active styles on <NavLink />
Nested Routes and <Outlet />
Fetching Data in Nested Routes
Relative and Absolute Navigation with <Link />
Creating Dynamic Routes
Reading Route Params with useParams() Hook
Fetching Dynamic Data with Route Params
Programmatic Navigation with useNavigate()
Replacing Router State on Navigation
Passing State on Navigation alongside useLocation()
Understanding Navigation Deltas with useNavigate()
Domain-Driven Nested Routes
Restricting Access with a <ProtectedRoute /> Component
Re-investigating Relative <Link /> Paths
Using <Link /> with Nested Routes
Creating a new Product from a Form
Redirecting upon Product Create
Retrieving an existing Product
Updating an existing Product
Deleting an existing Product
Passing Props to Routed Components
Reading Search Params with useSearchParams()
Syncing Search Param State with UI State
Rendering UI from Search Param State
Scrolling to Top after Route Transitions
Object-based Route Config with useRoutes()
Code Splitting and Lazy-Loading Components
Creating a Suspense-ready Lazy-Load Component
Everything you need to start mastering React today
Built by Google Developer Experts, there's no better place to learn.
Design patterns, battle-tested techniques, architecture and performance.
Learn at home at your own pace, download for offline viewing.
Nail that interview or promotion with skills that will set you apart.
Access full source code, and experiment live in the browser.
Exclusive access to our members-only community (7,000+ members).
If you're disappointed for whatever reason, you'll get a full refund (but I'm sure you won't need it).
Not-so-good exchange rate? (i.e. India/Brazil). Student?
Email us for a coupon for your country or student ID.
A newer version of this site just became available. Please refresh this page to activate it.