Up and Running with Remix
Offered By: egghead.io
Course Description
Overview
What is Remix?
Remix is a seamless server and browser runtime that provides snappy page loads and instant transitions by leveraging distributed systems and native browser features instead of clunky static builds.
-- remix.run
But that summary only scratches the surface. Remix has great mental models, is extremely fast, and has a plethora of components and features that will make your life easier and web apps perform better.
And in this course, you'll be learning how to take full advantage of what Remix has to offer. You will learn by building a full-featured blog with a database, authentication, CRUD operations, user roles, and more!
If you want to read more about why should give Remix a chance, give Kent's blog post, Why I Love Remix, a read!
Check out this repo to see the project code for this course
Remix is a seamless server and browser runtime that provides snappy page loads and instant transitions by leveraging distributed systems and native browser features instead of clunky static builds.
-- remix.run
But that summary only scratches the surface. Remix has great mental models, is extremely fast, and has a plethora of components and features that will make your life easier and web apps perform better.
And in this course, you'll be learning how to take full advantage of what Remix has to offer. You will learn by building a full-featured blog with a database, authentication, CRUD operations, user roles, and more!
If you want to read more about why should give Remix a chance, give Kent's blog post, Why I Love Remix, a read!
Check out this repo to see the project code for this course
Syllabus
- Intro: Up and Running with Remix
- Create a New Remix Project Using the remix-create CLI
- Create Your First Remix Route
- Fetch Data in Remix Using a Basic Loader
- Remix Server Code Filename Convention
- Integrate TypeScript Into a Remix Loader Function
- Model Data in the Prisma Schema for a Remix App
- Avoid Over-Fetching in Prisma by Using findMany
- Create a Dynamic Segment in Remix
- Process Markdown on the Server Using a Remix Loader
- Get TypeScript Coverage for Dynamic Parameters in Remix with Invariant
- Render Nested Routes in Remix
- Use Remix Actions to Handle Form Submission POST Requests
- Validate Form Fields in a Remix Action
- Typing Form Submission Values with tiny-invariant
- Handle Loading State with Remix useTransition
- Pre-emptively Load Links with Remix prefetch
- Expose Specific Environmental Variables to The Client Using Remix
- Create an Admin User Hook using Remix to Verify Admin Users
- Hide Admin Routes from Non-Admin Users in a Remix App
- Allow Admins to Edit Existing Posts on Remix Applications
- Populate Remix Edit Form with Existing Post Data
- Add Update Functionality to an Edit Post Page in Remix
- Add Delete Functionality to Posts Page in Remix
- Add TypeScript Typing to Admin Routes in a Remix App
- Handle 404s in Remix with CatchBoundaries
- Handle Unexpected Errors With Error Boundaries in Remix
- Deploy a Remix Application to Fly.io
- Outro: Up and Running with Remix
Taught by
Kent C. Dodds
Related Courses
Software as a ServiceUniversity of California, Berkeley via Coursera Intro to Computer Science
University of Virginia via Udacity Web Development
Udacity Software Engineering for SaaS
University of California, Berkeley via Coursera CS50's Introduction to Computer Science
Harvard University via edX