Remix Guides
Learn Remix from the request up.
These guide chapters introduce Remix at a high level, then progressively deepen into routing, rendering, interactivity, data, security, assets, testing, production, examples, and tutorials.
API reference lives separately at api.remix.run.
A high-level introduction to Remix and the mental model behind a Remix application.
How route maps, route helpers, controllers, actions, and responses define Remix request handling.
How a Web Request becomes a Web Response across runtime adapters and the middleware pipeline.
How Remix components produce HTML, stream frames, collect CSS, and compose first-party UI.
How server-rendered UI hydrates in the browser, handles events, navigates, reloads frames, and cancels stale work.
The CSS-first animation model and Remix UI helpers for motion that respects rendering state.
How Remix validates inputs, defines relational data, queries databases, and runs SQL migrations.
How native forms, action responses, validation failures, redirects, and enhanced mutations fit together.
How Remix stores per-browser state, resolves identity, protects routes, and defends browser request boundaries.
How Remix serves static files and source assets, accepts bounded uploads, stores files, and returns HTTP file responses.
How expected HTTP failures, uncaught server errors, rendering failures, client runtime errors, and aborted work propagate through Remix.
- 12
Testing
How to choose a test boundary and test Remix routes, stateful request flows, components, and end-to-end behavior.
The Remix command-line workflow for creating, inspecting, testing, checking, and running TypeScript projects.
How to configure, start, cache, observe, and shut down a Remix application in production.
Specialized patterns built from Remix's lower-level UI, proxy, stream, template, storage, and archive APIs.
A fixture page for reviewing guide markdown, code block chrome, and frame rendering.