Skip to content

Created using the latest versions of React and React Router, this tutorial covers everything from basic to advanced routing concepts.

Notifications You must be signed in to change notification settings

YSHgroup/react-router-tutorial

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Router Dom

pacote da npm


React Router Tutorial

This project is a comprehensive tutorial for react-router-dom, designed to teach you how to manage navigation and routing in React applications. Created using the latest versions of React and React Router, this tutorial covers everything from basic to advanced routing concepts.

Prerequisites

Before you begin, make sure you have the following installed:

  • Node.js (LTS version recommended)
  • npm or yarn as your package manager

Installation

To get started with this project, clone the repository and install the dependencies:

git clone https://github.com/YSHgroup/react-router-tutorial.git
cd react-router-tutorial
npm install

Or if you are using yarn:

yarn

Running the Application

Start the development server by running:

npm start

Or if you are using yarn:

yarn start

The application will launch in your default web browser at http://localhost:3000.

Features

The tutorial covers the following topics and features:

  • Basic Routing with <Route>, <Routes>, and <BrowserRouter>
  • Nested Routing and Layouts
  • Dynamic Route Parameters
  • Using <Link> and <NavLink> for navigation
  • Handling No Match (404) Routes
  • Route Preloading and Lazy Loading with React Suspense
  • Use of useParams(), useLocation(), useRouteMatch(), and useHistory() hooks

Built With

  • React - A JavaScript library for building user interfaces
  • React Router - The de-facto standard routing library for React

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Acknowledgments

  • Thanks to the React Router team for providing such an excellent routing library.
  • Shoutout to everyone who has contributed to the React ecosystem making front-end development more approachable.

Related Documentation

For further reference, consult the official documentation:


Feel free to customize the README to match the specific details and features of your tutorial project.


About

Created using the latest versions of React and React Router, this tutorial covers everything from basic to advanced routing concepts.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published