Best of React Router — 2024

1. 1
   Article

   Community Picks·2y

   High Quality Open-Source Software for Web Developers

   An open-source React router with type safety, data fetching, caching, and search param APIs.

   293

   14
2. 2
   Article

   freeCodeCamp·2y

   How to Use React Router to Build Single Page Applications

   Single Page Applications (SPAs) provide a dynamic and fluid user experience by loading a single HTML page and updating it dynamically. React Router DOM is a library that manages navigation and routing in React web applications. This post covers its core concepts, including BrowserRouter, Routes, Route, Link, NavLink, Outlet, and hooks like useNavigate and useParams. It also demonstrates how to set up and use React Router DOM to build seamless navigation in SPAs.

   89

   5
3. 3
   Article

   freeCodeCamp·2y

   Learn React Router v6 – Full Course

   Learn React Router v6 with a full course on the freeCodeCamp.org YouTube channel. Master the essential library for single-page applications and implement dynamic routing in your web application.

   86
4. 4
   Article

   Community Picks·2y

   I used react-router but not for routing

   Discover how a React developer repurposed react-router for string interpolation instead of using it for routing. The developer sought to avoid adding external libraries and found an existing function within react-router that met their needs while ensuring strong typing. The takeaway is to explore existing project dependencies for potential hidden functionalities to maintain performance, which is crucial for certain applications.

   78

   9
5. 5
   Article

   asayer·2y

   Tanstack Router for React - A Complete Guide

   Build a single-page movie application with React and TanStack Router. Learn about the core philosophy of TanStack Router and how it compares to React Router.

   51

   1
6. 6
   Article

   freeCodeCamp·2y

   How to Implement Dynamic Segments with useParams in React Router

   Learn how to implement dynamic segments in React Router to render new content on the same page without making a request from the server. Explore the differences between dynamic routing and static routing, and understand how to use the useParams hook.

   41

   2
7. 7
   Article

   freeCodeCamp·2y

   Comprehensive Full Stack React with Appwrite – Tutorial

   Learn how to use React and Appwrite to create full stack applications in this comprehensive course. The course covers React basics, advanced concepts, and integration with modern tools like Redux-Toolkit and Tailwind. It also includes a deep dive into Appwrite for full-stack development. Watch the full 13-hour course on the freeCodeCamp.org YouTube channel.

   38