https://github.com/chen-abudi/react-router-practice

A practice project React, working on multi-page SPA with React Router.
https://github.com/chen-abudi/react-router-practice

css-modules javascript react react-router

Last synced: about 1 month ago
JSON representation

A practice project React, working on multi-page SPA with React Router.

• Host: GitHub
• URL: https://github.com/chen-abudi/react-router-practice
• Owner: Chen-Abudi
• Created: 2024-05-07T19:03:49.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-10T13:17:17.000Z (6 months ago)
• Last Synced: 2024-10-15T17:35:23.448Z (about 1 month ago)
• Topics: css-modules, javascript, react, react-router
• Language: JavaScript
• Homepage:
• Size: 362 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-router-practice

**Developed by** **`Grace Chen Abudi`** 👩🏽‍💻

## 📣 Overview:

- Intro

- Tech Stack

- Techniques

- Additional Link

## 🔎 Intro:

A practice project in React, working on multi-page SPA with React Router.

## 🧰 Tech Stack:

- React

- JavaScript

- CSS Modules

- React Router Dom

## 🛠️ Techniques:

- Nested Routes

- Navigation between pages

- **`React Hooks`**:

  - **useParams**: This hook gives access to multiple contents in the same URL path, and it enables each parameter to have a unique identification.

- **`React Router Components`**:

  - **React Outlet**: Is a component provided by React Router that serves as a placeholder for child routes within a parent route.

  - **NavLinks**: Is used for navigation.

- **Absolute Paths**

- **Relative Paths**

- **Index Routes**

---

## 🔗 Additional Link:

If you want to strengthen your knowledge and skills of **React, Redux, Next.js, and more...** along with **Best Practices**, Feel free to check this course on Udemy by **`Maximilian Schwarzmüller`**:

## Visit the Course [👉🏽 **HERE !**](https://www.udemy.com/course/react-the-complete-guide-incl-redux/)

**_`Shoutout to Maximilian Schwarzmüller for this practice project, the lectures, the exercises, and the React course in Udemy. Mahalo, Thank you!`_** 🌺