Remix Essential Training
1h 16mIntermediate2025-02-24
Authors
Eve Porcello
Software Developer and Instructor
Course details
Get up and running with Remix, the popular full-stack web framework that lets you design and deliver a fast, slick, and resilient user experience. In this course, instructor Eve Porcello helps you get started with the essentials of Remix and shows you how to leverage it effectively and efficiently for building better websites and applications. Gather insights to create fast, scalable, and interactive user experiences using Remix routing and UI optimization as well as more advanced built-in features, such as forms, actions, localStorage, error handling, and negotiating with TypeScript.
Skills covered
RemixWeb Development ToolsFull-Stack Web DevelopmentEssential TrainingWeb DevelopmentOpen Source
Concepts
Introduction
- Building modern web apps with Remix
- What you should know
Introduction to Remix
- What is Remix
- Working within the platform paradigm
- Creating a Remix project
- Building the root route
- Linking stylesheets
- Distinguishing between server-side and client-side code
Remix Routing
- Understanding routing in Remix
- Building a dynamic route
- Creating a nested route
- Making a client route
- Using a data loader
- Dynamically loading parameters
UI Optimization
- Challenge - Creating a navigation menu
- Solution - Creating a navigation menu
- Adding Tailwind styles
- Using Outlet Context
- Creating a filtered list
Advanced Remix Features
- Creating forms
- Using Remix Actions
- Working with localStorage
- Persisting data with localStorage
- Error handling with Remix
- Negotiating with TypeScript errors
Conclusion
- Next steps