others / www.jacobparis.com2024-07-11
Custom routing with Remix
Create your own route convention. Use a custom glob pattern. Add layouts automatically, or prepend an optional language segment.
others2023-04-02
www.jacobparis.comUse Remix's nested routes with react-transition-group and Tailwind CSS to fade between pages.
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.