React Simplified Course: https://learn.webdevsimplified.com/react-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-9aTRnV6g0eQ&utm_campaign=react-promo-2026-05
FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-9aTRnV6g0eQ
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/react-habit-tracker}
React Simplified Course: https://learn.webdevsimplified.com/react-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-9aTRnV6g0eQ&utm_campaign=react-promo-2026-05
FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-9aTRnV6g0eQ
? Find Me Here:
My Blog: [https://blog.webdevsimplified.com](https://blog.webdevsimplified.com/)
My Courses: [https://courses.webdevsimplified.com](https://courses.webdevsimplified.com/)
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
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