Learn React With This One Project // TRAIN BRAIN

Learn React With This One Project

React Simplified Course: https://reactsimplified.com
Learning React is hard. There are so many concepts to learn and mindsets shifts that you need to do. That is why in this video I will be breaking down all the most important concepts you need to understand in React.
? Materials/References:
React Simplified Course: https://reactsimplified.com
GitHub Code: https://github.com/WebDevSimplified/react-todo-list
FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified
ES6 Modules Video: https://youtu.be/cRHQNNcYf6s
ES6 Modules Article: https://blog.webdevsimplified.com/2021-11/es6-modules
Destructoring Video: https://youtu.be/NIq3qLaHCIs
Destructoring Article: https://blog.webdevsimplified.com/2020-08/destructuring-and-spread
Short Circuiting Video: https://youtube.com/shorts/8mvNzU7DpO4
Short Circuiting Article: https://blog.webdevsimplified.com/2019-10/what-is-short-circuiting
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: 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 - Introduction
01:10 - What Is React
02:45 - Thinking In React
06:07 - Todo List Project Setup
10:45 - JSX
15:30 - React State
20:15 - Todos Logic
30:45 - Break App Into Components
38:15 - useEffect Hook
#ReactJS #WDS #JavaScript

Web Dev Simplified

Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular tech...

I Love This CSS Focus Hack

How To Make Beautiful Charts In Next.js

This Ancient CSS Feature Is Incredibly Useful

How To Build A Next.js Coupon System Like A Senior Developer

Learn Drizzle In 60 Minutes

Stop Trying Out New Programming Tools

Will Devin AI Take Your Job?

Is Drizzle Really Better Than Prisma?

State Managers Are Making Your Code Worse In React

NEW React 19 Changes Are Amazing!

10 Tailwind Classes I Wish I Knew Earlier

This New Next.js Feature Makes Caching Much Easier

8 NEW JavaScript 2024 Features

The Web Developer Job Market Is Broken

NEW Next.js 14 Course Announcement!

Do You Know All 63 HTTP Status Codes?

How To Actually Get Hired In 2024

FREE 2024 Web Dev Roadmap

React Server Components Change Everything

Dialog Is My Favorite HTML Element And It Is Amazing

The Ultimate Web Developer Roadmap For 2024

Anchor Is The Best New CSS Feature Since Flexbox

You Are Doing New Years Wrong

Create Modals With No CSS/JavaScript Using Popover

Learn Next.js Parallel Routes In 16 Minutes

If You Are Using Next.js You Need To Enable This Development Feature

Learn TypeScript Generics In 13 Minutes

You Should Be Using Types Instead Of Interfaces In TypeScript

Type Predicates Solve This Common TypeScript Error

I Cannot Believe JavaScript Finally Added This New Array Method

Facebook Did It Again

This New CSS Margin Feature Is A Huge Quality Of Life Improvement

20+ Must Know Array Methods That Almost Nobody Knows

I Cannot Believe No One Knows This JavaScript String Feature

I Cannot Believe TypeScript Recommends You Do This!

This New Tailwind Feature Is A Game Changer

WTF Do These Acronyms Even Mean

I Can’t Believe Chrome Hides This From You

How Is This Code Safe?

NEW TypeScript Simplified Course - 24 Hour Sale

NEW TypeScript Simplified Course Announcement!

This Is One Of My Favorite TypeScript Features

Node Just Released This Amazing Feature!

Why Signals Are Better Than React Hooks

This Experimental Chrome Accessibility Feature Is A Game Changer

Josh’s Opinion Is Bad

CSS nth-child Just Got 100x Better

Clean Code Is Killing Your Projects

This CSS Feature Replaces CSS-In-JS

The Best React State Management Solution Has Been There All Along

NEW React Hooks Saves 1K+ Lines Of Code

Learning To Code Is Easy

NEW Way To Create Variables In JavaScript

5+ CSS Features That Will Change How You Code

New useFormStatus React Hook

CSS Anchor Is The Best New CSS Feature Since Flexbox

Help Me Teach You TypeScript

NEW Way To Create Variables In JavaScript

Stop Using {} In TypeScript

I Cannot Believe React Made A Hook For This

If You Think Pick/Omit Are Useless Then You Need To Watch This

This New React Hook Changes How You Use Forms

NEW React Simplified Course Announcement!

How To Go From Noob To $100,000 Salary

This Will Let You Finally Master React

This New CSS Text Property Is Amazing For Headings

I Will Never Write CSS Animations Again Without Using This Tool

How To Instantly Destroy Your Own Business

Is This The Best New UI Library?

Pick/Omit Are One Of The Best Features Of TypeScript

The Only Markdown Crash Course You Will Ever Need

Stop Watching Programming Tutorials

Most Senior React Devs Don’t Know How To Fix This

VSCode Profiles Save Me So Much Time

This Is Why You Can’t Learn Web Dev

I Had No Idea This Scroll Bar CSS Property Existed

Make Your Site Lightning Fast With Responsive Images

This NPM Package Is A Game Changer For UI Design

How To Load Images Like A Pro

You Can Finally Safely Use innerHTML (kind of)