Frontend First

The Remix Architecture

Episode Summary

Sam and Ryan talk about the key parts of Remix’s architecture in the context of the Work Journal app from Build UI’s latest course. They discuss how Remix’s conventions around Links, Forms, Actions, and Loaders allow developers to eliminate boilerplate and take advantage of the best HTTP has to offer, while still providing a seamless way to enhance their UIs using the full power of client-side React.

Episode Notes

Sam and Ryan talk about the key parts of Remix’s architecture in the context of the Work Journal app from Build UI’s latest course. They discuss how Remix’s conventions around Links, Forms, Actions, and Loaders allow developers to eliminate boilerplate and take advantage of the best HTTP has to offer, while still providing a seamless way to enhance their UIs using the full power of client-side React.

Topics include:

• 0:00 - Intro
• 0:31 - The Work Journal app
• 2:20 - Making dynamic pages with Loaders
• 8:00 - How Remix relies on HTTP for routing
• 12:30 - Making backend changes using Forms and Actions
• 19:41 - How Remix’s comprehension of Loaders and Actions eliminates boilerplate
• 25:20 - How Remix layers the full power of React on top of web fundamentals

Links:

• Sign up for the Build UI Newsletter
• Video on HTTP Session Cookies