Make 10 React Apps (Part 2)


⚛️ Build more than a to-do app
🍎 Learn React best practices and concepts.
✅ Built for modern React w/ React Hooks
Getting Started
VS Code Setup
20 mins
Hello!
1 min
Terminal Setup (npm vs yarn)
6 mins
Starter and Final Files in GitHub
6 mins
1. Animated Chat Box
00 - Chat Box [PREVIEW]
1 min
01 - Visualizing Messages
8 mins
02 - Typing Indicator
4 mins
03 - Adding Animations
5 mins
2. Multi-Step Form
00 - Multi-Step Form [PREVIEW]
2 mins
01 - Multi-Step with Router
11 mins
02 - Forms and Validation
12 mins
03 - Storing State with React Context
13 mins
04 - Animating Routes
8 mins
05 - Disabling Links
6 mins
3. Memory Matching Game
00 - Memory Matching [PREVIEW]
1 min
01 - Displaying Pokemon
8 mins
02 - Flipping Cards
8 mins
03 - Handling Winning
10 mins
4. Drag and Drop Math Card
00 - Drag and Drop Math Card [PREVIEW]
1 min
01 - Handling Dragging
11 mins
02 - Handling Dropping
8 mins
03 - Storing Values in State
10 mins
5. Browser
00 - Browser Browser [PREVIEW]
2 mins
01 - Showing iframes
7 mins
02 - Choosing and Adding
6 mins
03 - Address Bar
9 mins
04 - useReducer
15 mins
05 - Closing Tabs
14 mins
6. Real-Time Search
00 - Real-Time Search [Preview]
2 mins
01 - Algolia Setup
10 mins
02 - React Components for Algolia
12 mins
7. Charting the Weather
00 - Weather Chart [Preview]
2 mins
01 - High Level Strategy
11 mins
02 - Geocoding Addresses
15 mins
03 - Starting Charts
14 mins
04 - Showing Weather Data in Chart
12 mins
8. Shopping Cart w/ Context + Reducer
00 - Shopping Cart [Preview]
2 mins
01 - Setting Up Components
12 mins
02 - Context and Reducer
25 mins
03 - Cart Modal
17 mins
9. Typing Tester
00 - Typing Tester [Preview]
1 min
01 - Showing Characters
9 mins
02 - Finding Typos
7 mins
03 - Countdown and WPM
12 mins
😁 More Apps On the Way
Updates Are Coming
1 min