Build a responsive page shell with CSS Grid and a flex fallback
Use CSS Grid for a two-dimensional page shell, wrap it in @supports, and verify placement with the browser grid overlay.
ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Use CSS Grid for a two-dimensional page shell, wrap it in @supports, and verify placement with the browser grid overlay.
Htmx out-of-band swaps update shared UI regions such as cart counts and toasts alongside primary content in one response. This note covers requirements, trust boundaries, checks, and failure modes.
Remix route actions let you validate forms on the server and render results with useActionData. The native <Form> works without JavaScript and upgrades to client-side fetch after hydration.
Learn how to implement server-side mutations in Remix using loaders and actions to achieve progressive enhancement and automatic data revalidation.
Turbo Drive accelerates server-rendered apps by swapping HTML on navigation, but only if the server returns full documents and correct redirects. This note covers the minimal design, trust boundaries, and operational checks.
Learn how hx‑boost turns ordinary links and forms into AJAX requests while preserving normal navigation for users without JavaScript, plus a worked example and key trade‑offs.
Learn how Remix route-level loaders and actions create a server-first data contract, how progressive enhancement keeps forms working before hydration, and which version-specific pitfalls to avoid.
Use htmx's hx-get and hx-target to build live search with server-rendered HTML fragments—no client-side framework required. Includes a worked Flask example, trade-offs, and a verification checklist.
A decision guide for htmx: when hx-boost's full-body progressive enhancement is enough, when targeted hx-get/hx-post swaps pay off, and how to validate both with devtools.