Make 10 React Apps: Part 2

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.

10 Apps

47 Videos

6+ Hours

The Apps We'll Build

Chat Box

Multi-Step Form

Memory Matching Game

Drag and Drop Math Card

Browser

Real-Time Search

Charting the Weather

Start Creating React Apps

$47

All the React training to level up your skills.

Get access to 32 videos
6+ hours of learning
Source code for the apps
Access to exclusive Discord community for support
Use the code for your own projects
Unlimited updates

Buy 10 React Apps (Part 2)

Videos List

32 videos. 5+ hours of learning

Getting Started

Hello!
VS Code Setup
Terminal Setup (npm vs yarn)
Starter and Final Files in GitHub

#1Animated Chat Box

View Demo
00 - Chat Box [PREVIEW]
01 - Visualizing Messages
02 - Typing Indicator
03 - Adding Animations

#2Multi-Step Form w/ Context

View Demo
00 - Multi-Step Form [PREVIEW]
01 - Multi-Step with Router
02 - Forms and Validation
03 - Storing State with React Context
04 - Animating Routes
05 - Disabling Links

#3Memory Matching Game

View Demo
00 - Memory Matching Game [PREVIEW]
01 - Displaying Pokemon
02 - Flipping Cards
03 - Handling Winning

#4Drag and Drop Math Card

View Demo
00 - Drag and Drop Math Card [PREVIEW]
01 - Handling Dragging
02 - Handling Dropping
03 - Storing Values in State

#5Browser

View Demo
00 - Preview
01 - Showing iframes
02 - Choosing and Adding
03 - Address Bar
04 - useReducer
05 - Closing Tabs

#6Real-Time Search

View Demo
00 - Real-Time Search [PREVIEW]
01 - Algolia Setup
02 - React Algolia Components

#7Charting the Weather

View Demo
00 - Charting the Weather [PREVIEW]
01 - High Level Strategy
02 - Geocoding Addresses
03 - Starting Charts
04 - Showing Weather Data

Meet Chris on Code

Chris on Code is the founder of scotch.io, a popular web dev tutorial site. Scotch reaches 3M+ readers monthly and $30,000/mo in revenue.

Scotch.io was successfully acquired by DigitalOcean in 2019. Chris now focuses on helping others code so they can build/sell their own businesses.

He's a Google Developer Expert in Web Technologies and fights to keep coding simple and practical.

FAQs

(Frequently Answered Questions)

Is this for people that have never used React?

This course is for beginners to intermediate devs that are familiar with and have used React. I'll be creating a beginner React course shortly for those looking to learn React from scratch!

Is there course support?

You can email me directly at any time and we also have a Discord community where you gain exclusive channel access.

Do these videos expire? Is there a monthly subscription?

Pay once and have access forever. Updates are free and you'll always get them.

Can I use these apps in my portfolio?

Yes please! That's exactly what these are for. Learn React by building. Use the things you build as your portfolio on GitHub. Take it a step further and write articles on what you've learned to boost your resume.

Does this course use React Hooks?

Yup! This course is made for best practices of React in 2020 and beyond. A great way to learn the nuances of hooks and how they help simplify our React apps.

What other courses do you have?

All my courses will be found on my Courses site. learn.chrisoncode.io.

How do I login and view the course?

You can login at learn.chrisoncode.io. Use the login button in the top right.

Are there refunds?

Yup! I want to stand by the quality of these courses. If you don't feel they gave you value and were not up to par, I'm happy to provide a refund. Email me at hey@chrisoncode.io.

Is there a student discount?

Yup 50% off! Email me at hey@chrisoncode.io with your student id and I'll send you a discount code.

Is there purchase parity for my country?

Yup! Email me at hey@chrisoncode.io and I'll send you a purchase power parity code.

Is there an affiliate program?

Yup! You get 50% of every sale that you bring in. You can sign up for a course and turn on affiliate mode from your dashboard at learn.chrisoncode.io. Or you can email me at hey@chrisoncode.io.

I have more questions!

Drop me an email at hey@chrisoncode.io. Let's chat.