From JavaScript to React
summary
Claims that React is just JavaScript and then builds a tiny React: a three‑file react.js / reactElement.js / index.js repo that implements createElement, a DOM render, property handling (attributes events children) and a class‑based setState that triggers re‑render. Lifecycle hooks (willMount, didUpdate) log updates. The demo shows nested children, event wiring and state changes working in the browser without JSX or hooks, proving the library idea is implementable and functional.
AI-written summary · about
chapters (18)
- 0:00JavaScript to React journey
- 1:51Learn JavaScript before React
- 4:43Language vs tools dilemma
- 5:46React core concepts ReactDOM
- 7:18React components in JavaScript
- 9:25React components without JSX
- 11:36React architecture lifecycle basics
- 13:44How React renders components
- 15:54JSX vs createElement
- 17:23React file structure ReactDOM
- 18:51createElement implementation
- 20:18Props events nested children
- 22:52State and lifecycle in React
- 24:38Private state in React classes
- 26:06React lifecycle methods
- 28:19ReactDOM rendering lifecycle
- 29:25Focus on React to JavaScript
- 30:33React's influence on JS features
