🦊 Get to Know React 🦊
Posted on May 17th, 2022
🗓️ 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
- ⭐ 📖 React Quick Start (official beta)
- 📖 React docs
- 📺 Kent C. Dodds, The Introduction to React You’ve Been Missing
- 🎧 Syntax.fm podcast: The React Episode
🎯 Do
Beginner’s Guide to React Tutorial. This will show you the most modern way to build React apps.
🚨 The video for that tutorial was taken down but the creator made a Twitch stream of the same content.
This link will create an empty repo on GitHub that you can use to push your tutorial code to.
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
- Airbnb JavaScript Style Guide