Learn React.js in 70 Minutes: JSX & useState Tutorial

Let's learn the basics of React; including JSX, useState, useEffect and more. We'll rebuild our simple Math game from the previous video but this time we'll use React.js.

0:00 Intro
2:34 Getting Started
6:23 Rendering To The Page
7:59 Borrow HTML
11:50 Separate Components
14:07 State
20:16 Math Problem
23:10 Form Submit
38:45 Controlled Input
41:09 Progress Bar
43:56 Props
46:36 Winning / Losing
55:22 Animate Wrong Answer
59:07 useRef
1:03:50 useEffect
1:07:37 Outro

CodePen We're Borrowing Code From https://codepen.io/learnwebcode/pen/mdPMBjL
Finished Product CodePen https://codepen.io/learnwebcode/pen/ExKEGeW
The 10 Days of React (Day 1) https://www.youtube.com/watch?v=fZpINicCPRY&list=PLpcSpRrAaOaqONih-vl45TkLRgRzELLvI
Playlist for this full series: https://www.youtube.com/playlist?list=PLpcSpRrAaOargYaCNYxZCiFIp9YTqEl-l

Check out my premium 15 Hour React course https://www.udemy.com/course/react-for-the-rest-of-us/?couponCode=BRADYOUTUBE

Follow me for updates on new episodes:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/
Twitch: https://www.twitch.tv/learnwebcode

Check out my premium courses:
https://www.udemy.com/user/bradschiff/

Видео Learn React.js in 70 Minutes: JSX & useState Tutorial канала LearnWebCode