Building Modern Web Applications with @Remix-Run
summary
Built a DnD‑inspired Spotify clone called Bardic Beatz that actually plays music across navigations and works with JavaScript disabled. Uses Remix with file-based routing, TypeScript (server loader types flow to the client), loaders/actions for server RPC to fetch the Spotify Web API, Vite, and React 18 features. Demonstrates streaming slow requests with defer + Suspense, progressive enhancement, optimistic UI and SSR — a working app that noticeably improves perceived performance.
AI-written summary · about
chapters (14)
- 0:00Intro
- 4:32Journey of the web so far
- 8:48SPAs were a detour
- 10:49React-based center stack framework
- 16:07Remix routes
- 18:51Data fetching
- 21:45Demo
- 29:45Data fetching continued
- 31:03Progressive enhancement
- 31:55Demo
- 38:30Progressive enhancement continued
- 39:37A few more things
- 43:04Resources
- 44:25Outro
related talks
48mReact Remixed
13mReact Remixed
54mExploring the World of Remix: A Guide to Building Resilient and Performant Web Apps
26mBuilding Better Websites with Remix
27mRemix: Embracing Web Standards To Redefine Modern Web Development
14mRemix run - new kid on the block, and is it a competition for Next.js and Gatsby?
20mRemixing How We Give
59mRemixing Frontend Development