This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
-
@vitejs/plugin-react uses Babel for Fast Refresh
-
@vitejs/plugin-react-swc uses SWC for Fast Refresh
This project is a learning exercise to understand and implement React Router for navigation within a React application. It demonstrates the usage of different routing techniques, including nested routes and the usage of loader .
- React Router v6 for seamless navigation
- Nested Routes for better component structuring
- Navigation Bar for easy access to different pages
- React.js
- React Router DOM
- JavaScript (ES6+)
- TailwindCSS
- Clone this repository:
git clone /~https://github.com/Sidhantpandey/react-routing-learning.git
- Navigate to the project directory:
cd React-Routing
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Navigate through the different pages using the Navbar.
- Explore dynamic routes by adding parameters in the URL.
Feel free to fork this repository and make contributions. Open an issue or submit a pull request if you have any improvements or bug fixes.