React Fundamentals

Components, state and the rendering model that decides when your code runs again.

6 concepts · 250 minutes

• Components & JSXUI as a function of data — the one idea React is built on.
• State & PropsWhat re-renders, when, and why your value is stale.
• The Rendering ModelRender, reconcile, commit — the mental model that makes performance work predictable.
• Effects & LifecyclesSynchronising with the outside world — and why you probably don't need an effect.
• Context & State SharingAvoiding prop drilling without accidentally re-rendering your whole tree.
• Custom HooksExtracting stateful logic so it stops being copy-pasted across six components.