Use the Platform With Framework Agnostic Routing
summary
A new zero‑dependency package, remix-run/router, extracts Remix’s data routing—loader/action functions—into a framework‑agnostic router that React Router v6.4 ships. It matches routes from the URL, runs loaders and actions (POST forms use FormData), and does automatic revalidation and automatic cancellation via request.signal. Demos show a Vue integration, fetchers for background calls, and defer with Suspense to stream non‑critical data; Remix reports ~8M weekly downloads and >1B lifetime downloads, and the demos prove the patterns work end‑to‑end.
AI-written summary · about
chapters (15)
- 0:00Introduction to framework agnostic routing
- 2:27Why framework agnostic data routing
- 3:30Problems with render-then-fetch pattern
- 7:22Emulating browser fetch-then-render
- 9:27Matching routes ahead of rendering
- 12:59Extracting route definitions
- 14:42Separating data fetching from rendering
- 18:57Simpler components with loaders
- 20:59Demo in View framework
- 28:27Mutations in single-page apps
- 34:43Demo of form mutations
- 39:59Fetchers for micro-interactions
- 42:27Deferring non-critical data
- 48:18Framework agnostic architecture
- 53:14Community implementations
related talks
52mExploring the World of Remix: A Guide to Building Resilient and Performant Web Apps
40mThe Remix Evolution: How React Router v7 Enables Fast and Resilient Apps
54mExploring the World of Remix: A Guide to Building Resilient and Performant Web Apps
26mBuilding Better Websites with Remix
26mThe Ultimate Full Stack Framework for 2024: Remix
14mRemix run - new kid on the block, and is it a competition for Next.js and Gatsby?
25mFast Backends for Faster Frontends with Remix
57mRemix Your React Router Applications