react-router-auth

📣 Overview:

• Intro
• Tech Stack
• Techniques
• How to Get Started
• Additional Link

🔎 Intro:

This practice project focus on working with authentication in React. It's the updated version of the react-router-full project.

🧰 Tech Stack:

• React
• React Router Dom v6
• JavaScript
• NodeJS
• ExpressJS
• CSS Modules

🛠️ Techniques:

• Authentication

• Validate user input and Handle Validation Errors

• redirect: When returning or throwing responses in loaders and actions, we can use redirect to redirect to another route.

  Note: It's recommended to use redirect in loaders and actions rather than useNavigate in your components when the redirect is in response to data.

• React Router Dom Hooks:

  • useRouteLoaderData: Is a hook that efficiently manages loading states and data for specific routes. It optimizes rendering by fetching data only when needed, enhancing user experience.
  • useRouteError: Is a hook that returns anything during an action, loader, or rendering inside of an errorElement.
  • useNavigation: Is a hook that provides imperative navigation capabilities. It allows to programmatically navigate to different routes, pass state, and control navigation history, enhancing dynamic routing and user experience management.

---

🔗 Additional Link:

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

Visit the Course 👉🏽 HERE !

Shoutout to Maximilian Schwarzmüller for the practice projects, all the lectures, the exercises, and the React course in Udemy. Mahalo, Thank you! 🌺