bi-16 step 01 — The application on your own stack

Goal

A small, real application running entirely on implementations you wrote — the substrate for the capstone explanation.

Tasks

  1. Compose your own: JSX/template compiler (fw-06), component runtime (fw-02/fw-04), store (fw-01 or fw-03), router (fw-08), query cache (fw-09).
  2. Scope it deliberately small and real: a filtered list, a detail route with async data, one animation. Enough surface to exercise every layer; small enough to instrument honestly.
  3. Instrument every observable layer: render counts, DOM operation counts, scheduling decisions, and browser-side timings from a trace.
  4. Verify the instrumentation does not perturb what it measures (fw-12): no retained component references, no observable state writes, acceptable overhead.

Done when

  • The application runs on no third-party framework code
  • Every layer emits measurements
  • Instrumentation overhead measured and stated