repository / github.com2024-09-15
others2023-08-28
www.jacobparis.comUse the useRouteLoaderData hook to access loader data from any component. Export a custom hook to make it easier to use. Use useMatches to find the ID of the route you want.
Published on www.jacobparis.com
others / www.jacobparis.com2023-09-26
Build a server-side filter UI with Remix
Create a filter bar that stores its state in the URL. Use the OData query string format to parse and serialize the filters. Create a custom hook to manage the filter state.
others / www.jacobparis.com2023-04-22
Where to host your Remix app in 2023
Should you host your Remix app on a serverless provider like Netlify, Vercel, Cloudflare Pages, or AWS Lambda? Or a long-lived server like Fly, Render, Railway, or DigitalOcean? This guide will help you choose the right hosting option for your app.
others / www.jacobparis.com2023-10-08
Server-side pagination with Remix
Use query parameters to implement server-side pagination with Remix. Create a rolling pagination component that shows the current page along with a few pages before and after it, like Google Search.
others / www.jacobparis.com2024-02-25
Handle both JSON and FormData in Remix
Use formdata for progressive enhancement and json for a better developer experience. Parse request bodies based on their content type, and parse fetchers read pending requests.
others / www.jacobparis.com2023-03-29
Multiple forms and actions on a page with Remix
A Remix action is an endpoint for POST requests, and all forms will submit to the same action. Add a name and value to your submit button to know which form was submitted, and use that to determine which action to take.
others / www.jacobparis.com2023-06-12
Add Drizzle ORM to a Remix app
Drizzle is a typescript ORM for type-safe database access and automatic migrations. Add it to your Remix app to get started with SQLite.