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

Now that we have our data from our posts, we need to populate out our form with it in order to be able to properly edit the data. 

By using our `getPost` utility to get our posts and send that along to our json. We use `useLoaderData` to get our data and use that to set the `key` on our `Form`.  

remix

https://app.egghead.io/api/v1/lessons/remix-populate-remix-edit-form-with-existing-post-data/transcript

Up and Running with Remix

Populate Remix Edit Form with Existing Post Data

Social Share Links