Learn React Router with a Beginners Project

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

In this tutorial, you will learn React Router with a beginners project. React JS is capable of making amazing single page applications (SPAs), but with React Router, React can build complete websites!

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

🚀 This lesson is part of a Learn React tutorial series playlist:
https://youtube.com/playlist?list=PL0Zuz27SZ-6PrE9srvEn8nbhOOyxnWXfp

After watching this tutorial, go to the refactor update tutorial with React Router version 6:
https://youtu.be/XBRLVRjZ3CQ

🔗 Source Code: https://github.com/gitdagray/learn_react_router

Learn React Router with a Beginners Project

(00:00) Intro
(00:05) Welcome
(00:14) Project Preview
(01:18) Quick Setup Guide
(03:13) Wrapping the App component in React Router
(04:42) Identifying all of the components
(08:04) Creating the functional components
(12:36) Placing the components in JSX
(13:49) Adding routes for the components

🔗 React Router:
https://reactrouter.com

🔗 JSON-Server:
https://www.npmjs.com/package/json-server

🔗 ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

🔗 React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

🔗 Styled Components: https://styled-components.com/

📚 References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(JavaScript_library)
React Jobs: https://www.ziprecruiter.com/candidate/search?search=react&location=

✅ Follow Me:
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven

Was this tutorial about React Router helpful? If so, please share. Let me know your thoughts in the comments.

#learn #react #router .