This video is a beginner lesson on React 17 that the instructor says was updated in 2021. The available transcript introduces the course and React before moving to components, JSX, props, state, and JavaScript ES6. This article is a guide to that React 17 lesson, not an installation guide for current React.
Core concepts in the lesson
- Components: divide an interface into manageable, reusable pieces.
- JSX: a way to write markup within JavaScript. It resembles HTML but has its own rules.
- Props and state: concepts for understanding data passed into a component and data that changes within the UI.
- ES6: review
let,const, arrow functions, objects, and template strings before building with React.
This is a summary of concepts named in the video, not a complete guide to every API or use case. Do not copy a React 17 setup into a new project without checking the documentation for the version you intend to use.
Choose documentation for the version you are using
If you are following the video, use the React 17 documentation, which is a snapshot for that release. For a new project, start with the current React guide, where components, JSX, props, and state are explained in today’s context.
Prerequisites and related lessons
It helps to know variables, functions, objects, HTML, and CSS. Continue with JavaScript basics and CSS selectors and stylesheets.
The workbook transcript contains about 45,000 characters and reached its export limit, so the lesson may be cut off near the end. The video audio was not checked as part of this translation.