Why I want to do only projects with Remix
summary
Remix is presented as a web‑standards–first full‑stack framework that uses server loaders and actions to fetch and mutate data. The demo combines Prisma, Supabase, Zod and Tailwind to build a live app with nested and dynamic routes, category lists, add/delete and favorites, optimistic UI via a fetcher (no global store), server validation and error boundaries, and it still functions with JavaScript disabled using parallel fetching, nested routes and resource routes with fetcher.
AI-written summary · about
chapters (16)
- 0:00Introduction
- 1:03Remix routing system
- 5:41Component fetching problem
- 7:25Parallel fetching with Remix
- 8:50Data fetching and mutations
- 10:18Live coding: project structure
- 13:34Live coding: create form
- 16:48Live coding: action function
- 21:00Improved user experience
- 23:11Live coding: layout and categories
- 26:38Live coding: dynamic routes
- 28:25Error handling with Remix
- 31:57Live coding: favorites and details
- 37:43Live coding: state management
- 40:32Error handling V2
- 43:00Conclusion
related talks
48mReact Remixed
45mRemix: the Truly Full-Stack Framework
41mRemix, the hottest JavaScript framework as of today
26mThe Ultimate Full Stack Framework for 2024: Remix
37mThe Remix Philosophy is not Just for Remix
54mExploring the World of Remix: A Guide to Building Resilient and Performant Web Apps
26mBuilding Better Websites with Remix
20mRemixing How We Give