Kent C. Dodds's Beginners Guide to React from egghead.io

Published: 28 February 2022
on channel: egghead.io
12,301
391

Watch it on egghead.io and track your progress and add personal notes:

https://eh.dev/s/yt-beginners-guide-r...

React got that name for a reason. It’s a component-based JavaScript library that renders smartly and can seriously simplify your work.

This course is for React newbies and anyone looking to build a solid foundation. It’s designed to teach you everything you need to start building web applications in React right away.

Each lesson in this 28-part course is a single index.html file. This keeps your focus on learning React, with no distractions. We’ll start with a blank file and add more complexity as we go along, wrapping the course with a lesson on how to move into a more production-ready development environment—and even deploy your app to a great service like Netlify.

You’ll build a solid understanding so when you come across JavaScript challenges down the road, you’ll know how to…react.

Thousands of people have used this course as an introduction to the core concepts of React. It's been reviewed and updated and is relevant and valid. There isn't a better introduction to React online.

00:00:00 introduction
00:05:46 create UI with vanilla JavaScript and DOM
00:07:22 create UI with createElement in React
00:11:55 create UI with JSX in React
00:15:18 use JSX effectively
00:21:10 render two elements side-by-side with fragments
00:24:21 create a simple reusable component
00:29:37 validate props with PropTypes
00:33:57 understand and use interpolation in JSX
00:40:34 re-render a React application
00:43:58 style components with className and inline styles
00:54:46 use event handlers
00:58:59 manage state in a component with useState hook
01:03:22 manage side-effects in a component with useEffect
01:06:16 use a lazy initializer with useState
01:08:41 manage the useEffect dependency array
01:12:37 create reusable custom hooks
01:16:55 manipulate the dom with refs
01:23:03 understand the react hook flow
01:34:12 make basic forms
01:43:27 make dynamic forms
01:46:43 controlling form values
01:49:21 use error boundaries
01:57:03 use key prop for lists
02:04:29 lifting and colocating state
02:09:28 make http requests
02:13:36 handle http errors
02:17:43 react devtools
02:24:20 deploy to netlify
02:28:55 thanks and good luck


Watch video Kent C. Dodds's Beginners Guide to React from egghead.io online without registration, duration hours minute second in high quality. This video was added by user egghead.io 28 February 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 12,30 once and liked it 39 people.