Name: Add TypeScript Typing to Admin Routes in a Remix App
Uploaded: 2022-05-16T11:03:04-05:00
Duration: 1 min 37 s
Description: All of our Admin routes and slugs don't have the safety of TypeScript so we are going to type them in this lesson.

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

Up and Running with Remix

All of our Admin routes and slugs don't have the safety of TypeScript so we are going to type them in this lesson. 

remix

https://app.egghead.io/api/v1/lessons/remix-add-typescript-typing-to-admin-routes-in-a-remix-app/transcript

Up and Running with Remix

Add TypeScript Typing to Admin Routes in a Remix App

Social Share Links