BarefootJS has a small number of key ideas. Understanding them makes everything else click.

#Pages

Topic Description
Two-Phase Compilation The compiler transforms JSX into a marked template and client JS via an intermediate representation
Signal-Based Reactivity Fine-grained reactivity with signals, effects, and memos — inspired by SolidJS
Hydration Model Marker-driven hydration that makes server-rendered HTML interactive
"use client" Directive Marking components for client-side interactivity and the server/client boundary
Clean Overrides CSS Cascade Layers ensure user styles always beat component defaults