React Remixed
summary
Shows building a small “heroes” app with Remix, TypeScript, Prisma and SQLite, deployed patterns for Fly.io; implements server-side data fetching via loader/actions, mutations through HTML forms with validation and redirects, nested UI via nested routes, 404 and bad-request handling, and a delete action that awaits completion. Claims Remix yields faster, progressive-enhanced UX that works without JavaScript and runs on any JS-capable host; the demo app functions end-to-end.
AI-written summary · about
chapters (13)
- 0:00Introduction and setup
- 1:13What is Remix and its origins
- 3:44Remix philosophy and web standards
- 6:16Fundamentals of Remix
- 6:39Nested routing in practice
- 10:10Data loading with loaders
- 15:26Displaying nested route data
- 27:00Handling mutations with forms
- 31:17Creating new heroes with actions
- 41:13Deleting heroes and cleanup
- 44:47Remix stacks and deployment
- 45:54Remix vs Next.js comparison
- 46:56Progressive enhancement demo
related talks
45mWhy I want to do only projects with Remix
13mReact Remixed
26mBuilding Better Websites with Remix
41mRemix, the hottest JavaScript framework as of today
54mExploring the World of Remix: A Guide to Building Resilient and Performant Web Apps
26mThe Ultimate Full Stack Framework for 2024: Remix
59mRemixing Frontend Development
52mExploring the World of Remix: A Guide to Building Resilient and Performant Web Apps