🦊 Get to Know React 🦊
Posted on Nov 30th, 2021
⚛ Today’s topics
- Exercism review
- Intro to React
- How does React work?
- What does React code look like?
🛠️ Setup
Make sure you have the following set up in your local environment (docs listed below in Resources):
- Node &
npm
create-react-app
- ESLint for VS Code
- React developer tools for Chrome
📖 Read | 📺 Watch | 🎧 Listen
🎯 Do
Beginner’s Guide to React Tutorial. This will show you the most modern way to build React apps. This project will be in Git, but you will use a repository you make.
If you finish this and want to keep going, try one of these other tutorials:
- The Beginner’s Guide to React - video-driven, very complete
- The official React tutorial - classic, official. Uses class-based components, which are a bit older, but still widely used
- Dave Ceddia’s React tutorial - very long, very comprehensive
đź”– Resources
- Create React App Docs
- ESLint Plug-in for VS Code
- ESLint Docs: Getting Started You probably don’t need to get too deep into this right now, but if you want to know more about configuring ESLint, this is the place to go.
- How to Lint and Format Code with ESLint in VS Code This tutorial walks you through using ESLint in a more comprehensive way.
- React Dev Tools Extension Chrome