Make 10 React Apps (Part 2)
by
Chris Sev
Login
Buy for $47
03 - Adding Animations
Make 10 React Apps (Part 2)
/
1. Animated Chat Box
This content is locked.
You'll need to
purchase
or
sign in
to view this content.
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
Buy for $47
Learn more
Already enrolled?
Sign in to continue learning.
Table of contents
Make 10 React Apps (Part 2)
by
Chris Sev
ui-24px-outline-1_lock
Getting Started
Getting Started
Draft
VS Code Setup
Draft
VS Code Setup
Draft
Hello!
Draft
Hello!
Draft
Terminal Setup (npm vs yarn)
Draft
Terminal Setup (npm vs yarn)
Draft
Starter and Final Files in GitHub
Draft
Starter and Final Files in GitHub
ui-24px-outline-1_lock
1. Animated Chat Box
1. Animated Chat Box
Draft
00 - Chat Box [PREVIEW]
Draft
00 - Chat Box [PREVIEW]
Draft
01 - Visualizing Messages
Draft
01 - Visualizing Messages
Draft
02 - Typing Indicator
Draft
02 - Typing Indicator
Draft
03 - Adding Animations
Draft
03 - Adding Animations
ui-24px-outline-1_lock
2. Multi-Step Form
2. Multi-Step Form
Draft
00 - Multi-Step Form [PREVIEW]
Draft
00 - Multi-Step Form [PREVIEW]
Draft
01 - Multi-Step with Router
Draft
01 - Multi-Step with Router
Draft
02 - Forms and Validation
Draft
02 - Forms and Validation
Draft
03 - Storing State with React Context
Draft
03 - Storing State with React Context
Draft
04 - Animating Routes
Draft
04 - Animating Routes
Draft
05 - Disabling Links
Draft
05 - Disabling Links
ui-24px-outline-1_lock
3. Memory Matching Game
3. Memory Matching Game
Draft
00 - Memory Matching [PREVIEW]
Draft
00 - Memory Matching [PREVIEW]
Draft
01 - Displaying Pokemon
Draft
01 - Displaying Pokemon
Draft
02 - Flipping Cards
Draft
02 - Flipping Cards
Draft
03 - Handling Winning
Draft
03 - Handling Winning
ui-24px-outline-1_lock
4. Drag and Drop Math Card
4. Drag and Drop Math Card
Draft
00 - Drag and Drop Math Card [PREVIEW]
Draft
00 - Drag and Drop Math Card [PREVIEW]
Draft
01 - Handling Dragging
Draft
01 - Handling Dragging
Draft
02 - Handling Dropping
Draft
02 - Handling Dropping
Draft
03 - Storing Values in State
Draft
03 - Storing Values in State
ui-24px-outline-1_lock
5. Browser
5. Browser
Draft
00 - Browser Browser [PREVIEW]
Draft
00 - Browser Browser [PREVIEW]
Draft
01 - Showing iframes
Draft
01 - Showing iframes
Draft
02 - Choosing and Adding
Draft
02 - Choosing and Adding
Draft
03 - Address Bar
Draft
03 - Address Bar
Draft
04 - useReducer
Draft
04 - useReducer
Draft
05 - Closing Tabs
Draft
05 - Closing Tabs
ui-24px-outline-1_lock
6. Real-Time Search
6. Real-Time Search
Draft
00 - Real-Time Search [Preview]
Draft
00 - Real-Time Search [Preview]
Draft
01 - Algolia Setup
Draft
01 - Algolia Setup
Draft
02 - React Components for Algolia
Draft
02 - React Components for Algolia
ui-24px-outline-1_lock
7. Charting the Weather
7. Charting the Weather
Draft
00 - Weather Chart [Preview]
Draft
00 - Weather Chart [Preview]
Draft
01 - High Level Strategy
Draft
01 - High Level Strategy
Draft
02 - Geocoding Addresses
Draft
02 - Geocoding Addresses
Draft
03 - Starting Charts
Draft
03 - Starting Charts
Draft
04 - Showing Weather Data in Chart
Draft
04 - Showing Weather Data in Chart
ui-24px-outline-1_lock
8. Shopping Cart w/ Context + Reducer
8. Shopping Cart w/ Context + Reducer
Draft
00 - Shopping Cart [Preview]
Draft
00 - Shopping Cart [Preview]
Draft
01 - Setting Up Components
Draft
01 - Setting Up Components
Draft
02 - Context and Reducer
Draft
02 - Context and Reducer
Draft
03 - Cart Modal
Draft
03 - Cart Modal
ui-24px-outline-1_lock
9. Typing Tester
9. Typing Tester
Draft
00 - Typing Tester [Preview]
Draft
00 - Typing Tester [Preview]
Draft
01 - Showing Characters
Draft
01 - Showing Characters
Draft
02 - Finding Typos
Draft
02 - Finding Typos
Draft
03 - Countdown and WPM
Draft
03 - Countdown and WPM
ui-24px-outline-1_lock
😁 More Apps On the Way
😁 More Apps On the Way
Draft
Updates Are Coming
Draft
Updates Are Coming
Welcome!
Enter your info below to login.
Your email
Your password
Login
Forgot your password?