Bringing Back Progressive Enhancement
summary
Remix builds a full to‑do MVC with user auth (~600 LOC plus ~100 for auth) that works without client-side JavaScript by relying on form submissions and server handling, then progressively enhances with useFetcher to show per-item pending states and implement optimistic UI. It survives slow 3G, cancels redundant requests, and automatically rolls back UI when the server errors, demonstrating that app state management moves to the server and the client code size and complexity drop dramatically.
AI-written summary · about
chapters (9)
- 0:00Introduction and welcome
- 1:49What is progressive enhancement
- 4:16Progressive enhancement in Remix
- 7:05Demo without JavaScript
- 10:16Pending states and slow networks
- 12:43Enhancing with JavaScript
- 15:06Optimistic UI in Remix
- 17:58Full app demo and benefits
- 20:23Summary and call to action
related talks
43mFast Backends for Faster Frontends
22mProgressive Enhancement
54mHow to build the modern, optimistic and reactive user interface, we all want.
48mReact Remixed
59mRemixing Frontend Development
30mDoes Progressive Enhancement Have a Place in Today's Web?
26mThe Ultimate Full Stack Framework for 2024: Remix
25mFast Backends for Faster Frontends with Remix