Exploring the World of Remix: A Guide to Building Resilient and Performant Web Apps
summary
Remix features are now in React Router v7 so apps gain automatic code splitting, server rendering, and static pre-rendering via a Vite plugin; React Router offers three modes—declarative, data, framework—and route files export loader, action, and default component to handle server-side queries, mutations and validation. Demo builds a notes app using loaders/actions, fetcher forms and optimistic UI; it works progressively (even with JS disabled). Claim backed by numbers: ~10.7M GitHub repos use React Router and Shopify runs a 5M-line app on it.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:05Evolution of Remix
- 4:49The React Router v7 merger
- 7:22React Router v7 modes
- 9:33Architecture and route modules
- 21:21Project structure
- 24:52Live demo and implementation
- 47:10React 19 integration and comparisons
- 50:21Conclusion and resources
related talks
54mExploring 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
26mBuilding Better Websites with Remix
55mUse the Platform With Framework Agnostic Routing
48mReact Remixed
26mVanilla React
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?