The introduction to React you've been missing
summary
A live-coded primer that shows React as an abstraction over DOM creation by loading UMD builds from unpkg, turning JSX into React.createElement calls, and mounting with ReactDOM.render. It demonstrates children as props (arrays and rest args), shows Babel standalone compiling JSX in the browser, notes ReactDOM is substantially larger than React, and builds a tiny dynamic UI (current time + span) step by step — the demo runs in the page.
AI-written summary · about
chapters (9)
- 0:00Introduction and icebreaker
- 1:53Understanding abstractions
- 4:06The cost of abstraction
- 8:11Vanilla DOM manipulation
- 12:34Intro to React elements
- 16:42Rendering with React DOM
- 21:30Children and composition
- 25:50JSX and Babel compilation
- 30:44Fundamentals and conclusion
