🦊 URL Routing in React 🦊

Today’s topics

• React Router
• User log in
• Using local storage with state to store an auth token

🎯 Project

You should have detailed wireframes and a user flow outline by now, and components for at least the initial “page” your user is going to see when they arrive at your site. By tomorrow, you should be able to make requests for questions and answers. Deploy to Netlify as soon as possible (💡 Your code needs to run locally with no errors before you can deploy it).

📖 Read | 📺 Watch | 🎧 Listen

⚠️ These two resources are for older versions of React Router, so you will see some outdated syntax. For instance Switch, Redirect, and the component prop on Route exist only in versions of React Router earlier than version 6. However, the main concepts are the same, so these resources can still help you understand the context and usage of React Router.

• 📺 React Router tutorial video with that quirky guy, Dev Ed
• 📖 React Router tutorial: Adding Navigation to your React App

🔖 Resources

• React Router docs
• React Router Main Concepts This is pretty in-depth, and you may not need it, but it’s helpful if you want more explanation.
• A Complete Guide to React Router
• The Complete Guide to URL Parameters with React Router

👾 Code

• Example for QB components from class
• React Library example