learn by building

Experiments

Hands-on frontend deep-dives. Each one pairs a live, interactive demo with a full written explanation and the actual source code, so you can read the idea, watch it run, and copy the code.

React internals
React Rendering

Watch exactly when React re-renders — and how React.memo, useCallback, and useMemo change the picture. Five live demos with on-screen render counters.

open →
SVG · State
Graph Visualizer

A clickable SVG graph: select a node and its neighbours light up. A tour of adjacency lists, derived state, and rendering with SVG.

open →
From scratch
Tiny React

Build a miniature React from first principles — createElement, a virtual DOM, and a render function that mounts it to the real DOM.

open →