Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Up and Running with Remix

via egghead.io

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

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

Reviews

Start your review of Up and Running with Remix

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.