README.md

Intro to React Router

What are we Trying to Accomplish?

By learning to add routing to your React + Vite project using react-router-dom, you aim to create a seamless and interactive user experience within a single web application. This involves defining different views or pages, allowing users to navigate between them, ensuring that each page has a unique URL for bookmarking and sharing, and handling error pages gracefully. Overall, this knowledge enables you to build multi-page-like applications, respond to user interactions, and enhance the overall usability and functionality of your web application.

Lectures and Assignments

• Lecture - Intro to React-Router-Dom
  • Assignment - Rick and Morty
• Lecture - Adding Navigation and Pages
  • Assignment - Rick and Morty
  • Reading Assignment - Beginning React.JS Ch.12 (start at pg.317)

TLO's (Testable Learning Objectives)

• Creating a React BrowserRouter from react-router-dom
• Creating an Error Page for error Handling
• Creating Navigation capabilities for a Front-End site with react-router-dom components.

ELO's (Enabling Learning Objectives)

• Utilize outlet to connect Router to App.jsx
• Understand why react-router-dom is important to protect state variables