The React-to-HTMX Migration Playbook

Establish a decision rubric for classifying React components into one of three migration targets: server-rendered page, HTMX-driven partial, or client-only (Alpine.js/vanilla JS).

Apply the migration rubric to classify the components of a representative React CRUD feature (e.g., a data table with sorting and filtering).

Draft a component-by-component migration plan for a small React app, mapping each component to its target implementation and required server endpoints.

Replace React Router routes with Express routes that render server-side templates, preserving deep linking.

Translate a React data-fetching hook (useEffect + fetch) into an equivalent HTMX hx-get pattern backed by a fragment endpoint.

Translate a React controlled form with client-side validation into an HTMX form with progressive enhancement and server-side validation.