Make 10 More React Apps

Build real apps and get real-world React experience. These React videos will teach you specific parts of React so that you can grow your skills and React tools.

The Apps We'll Build

We'll build a series of apps that you can use to learn React. These will be fun apps that will teach you the practical skills needed to build your own React applications.

Chat Box

We'll build a fun chat box that will use timers and animations.

Multi-Step Form

We'll use React Context to handle state across multiple components. This is helpful to provide validation on each step of the form.

Memory Matching Game

Create a Pokemon memory matching game. Will help us understand state variables and rendering.

Drag and Drop Math Card

Implement drag and drop in React to generate this math flash card.

Browser

Build your own browser with React. We'll even be able to visit sites and see them load inside our browser.

Preview

Real-Time Search

Use the popular Algolia service to generate a search that completes within milliseconds.

Preview

Charting the Weather

We'll use Google APIs and add charting to our React applications.

Preview

Shopping Cart

We'll build a shopping cart with React and store our products, handle quantity, and more.

Preview

Typing Tester

Track a user's typing skills and their words per minute (WPM).

What You'll Learn

The React basics
Functional React components
React hooks like useState() and useEffect()
Handling user events
JSX and Rendering templates
Props and State
Creating and organizing components
Building real-world React applications
44+lessons
3.6+hours of content
support on Discord

Get the Course

Buy Just This Course

$75 one time

Features

  • Get this course for life
  • Use the code in your own projects
  • Access to Discord for support

Lifetime Refund Guarantee

Get All Courses

$12/mo

Features

  • Become a Better Dev Pro
  • Get access to all courses
  • Use the code in your own projects
  • Priority Discord support

Cancel at any time

Course Content

44 lessons3.6 hours

Getting Started

26 minutes
Welcome!
VS Code Setup
Terminal Setup
GitHub Files

#1. Chat Box

1 minutes
Preview
Visualizing Messages
Typing Indicator
Animations

#2. Multi-Step Form

27 minutes
Preview
Multi-Step with Router
Forms and Validation
State w/ React Context
Animating Routes
Disabling Links

#3. Memory Matching Game

25 minutes
Preview
Displaying Pokemon
Flipping Cards
Handling Winning

#4. Drag and Drop Math Card

28 minutes
Preview
Handling Dragging
Handling Dropping
Storing Values in State

#5. Browser

2 minutes
Preview
Showing iframes
Choosing and Adding
Address Bar
useReducer()
Closing Tabs

#6. Real-Time Search

23 minutes
Preview
Algolia Setup
React Components

#7. Charting the Weather

52 minutes
Preview
Strategy
Geocoding Addresses
Charts
Weather in Charts

#8. Shopping Cart w/ Context and Reducer

30 minutes
Preview
Cart Components
Context & Reducer
Cart Modal

#9. Typing Tester

1 minutes
Preview
Showing Characters
Finding Typos
Countdown & WPM