Learn React With This One Project

React Simplified Course: https://learn.webdevsimplified.com/re...

FREE React Hooks Course: https://courses.webdevsimplified.com/...

Learning React is hard, especially if you are just getting started. In this video I will show you how to build out a full React application while also explaining every single important React concept you need to know.

📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/r...

React Simplified Course: https://learn.webdevsimplified.com/re...

FREE React Hooks Course: https://courses.webdevsimplified.com/...

🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com/

My Courses: https://courses.webdevsimplified.com/

Patreon:   / webdevsimplified

Twitter:   / devsimplified

Discord:   / discord

GitHub: https://github.com/WebDevSimplified

CodePen: https://codepen.io/WebDevSimplified

⏱️ Timestamps:

00:00:00 - Introduction

00:01:02 - Setup React

00:04:24 - Setup Tailwind

00:06:27 - Thinking in Components

00:08:15 - Custom Components

00:14:26 - Props

00:19:20 - Form Custom Component

00:22:40 - Habit List Custom Component

00:24:40 - Rendering Arrays

00:28:15 - Habit Item Component

00:37:00 - Advanced Props

00:47:55 - useState Hook

01:10:30 - Conditional Rendering

01:11:50 - useContext Hook

01:22:46 - Making UI Reactive

01:32:51 - Rules of Hooks Hooks

01:34:30 - Custom Hooks

01:37:18 - useEffect Hook

#TypeScript #WDS #ReactJS