Building Better Websites with Remix
summary
Remix claims to make fast, accessible websites by using React Router concepts plus web fundamentals: file‑based routes that render real HTML, server-rendered React, per-route CSS link insertion/removal, and explicit loader/action functions that read requests with the Fetch API and mutate state via sessions and cookies. Demo builds a login/logout flow on an Express starter with Tailwind and PostCSS, validating credentials, flashing errors, setting/destroying cookies, and it works — notably with no client JavaScript required for the flow.
AI-written summary · about
chapters (13)
- 0:00Start
- 1:55Express Starter Template
- 2:41Express Starter
- 4:22Routes
- 6:40Links Function
- 11:24Action Function
- 15:09Custom Headers
- 16:37Loader Function
- 17:30Route Data
- 18:09Hero Section
- 19:37Destroy Session
- 20:07Persist Errors
- 23:44Browser Console
related talks
54mExploring the World of Remix: A Guide to Building Resilient and Performant Web Apps
52mExploring the World of Remix: A Guide to Building Resilient and Performant Web Apps
48mReact Remixed
14mRemix run - new kid on the block, and is it a competition for Next.js and Gatsby?
26mThe Ultimate Full Stack Framework for 2024: Remix
59mRemixing Frontend Development
40mThe Remix Evolution: How React Router v7 Enables Fast and Resilient Apps
13mReact Remixed