others / sergiodxa.com2021-12-24
HTTP vs. Server-side Cache in Remix by sergiodxa
When you build a web application, you may reach a point where some performance problems could be solved by a...
others / sergiodxa.com2021-12-24
Test Remix loaders and actions by sergiodxa
If you are using Remix, most of your application code will live in the loaders and actions instead of React compo...
others / sergiodxa.com2022-05-18
E2E test Remix with Vitest and Puppeteer by sergiodxa
Vitest is a testing framework, similar to Jest, but way faster, built on top of Vite, which uses esbuil...
others / sergiodxa.com2022-01-11
Use Remix with socket.io by sergiodxa
If you want to add real-time capabilities to your Remix app without using an external service, the easiest way is proba...
others / sergiodxa.com2021-12-24
The useMatches hook in Remix by sergiodxa
If you use Remix, there's a hook that you can use called useMatches, this hook is a way to access some internal d...
others / sergiodxa.com2021-12-24
Loader vs Route Cache Headers in Remix by sergiodxa
Document Request So, let's say you have a route at /my-super-route, and there you have a loader fun...
others / sergiodxa.com2022-12-02
Add rolling sessions to Remix by sergiodxa
Rolling sessions is a technique to extend the maxAge of a session cookie by resetting the cookie's expiration date...
others / sergiodxa.com2022-11-16
Progressively enhance the useFetcher hook in Remix by sergiodxa
If you're using multiple forms on the same route, you may use the useFetcher hook, which also...
others / sergiodxa.com2023-10-24
How to Upload Images in a Remix Application by sergiodxa
The blog of sergiodxa
others / sergiodxa.com2023-10-06
How to Redirect with Search Param in Remix by sergiodxa
The blog of sergiodxa
others / sergiodxa.com2021-12-24
Validating Remix forms with Constraints API by sergiodxa
The Constraints API is a browser API that has been available since the times of IE10, yep, that old....
others / sergiodxa.com2022-01-06
Avoid waterfalls of queries in Remix loaders by sergiodxa
Remix does a fantastic job of avoiding waterfalls everywhere. It preloads assets. It downloads JS a...
others / sergiodxa.com2022-11-30
Use Server-Sent Events with Remix by sergiodxa
Using Server-Sent Events (SSE) you can keep a connection between a browser (client) and an HTTP server open an...
others / sergiodxa.com2021-12-24
Using Service Workers with Remix by sergiodxa
A Remix app is by default fast, the framework optimize a lot how the required resources for a page are loaded s...
others / sergiodxa.com2022-01-10
Generate a PDF in Remix with Resource Routes by sergiodxa
Remix has a feature called Resource Routes which let you create endpoints returning anything. Usin...
others / sergiodxa.com2022-07-20
Dependency injection in Remix loaders and actions by sergiodxa
Dependency Injection is a way our function or class can receieve from the caller the instancie...
others / sergiodxa.com2022-07-22
Parse Markdown with Markdoc in Remix by sergiodxa
Markdoc is this new Markdown parser by Stripe, and it's a simple to use yet extendable library we can use i...
others / sergiodxa.com2023-07-13
How to Create a reusable Form component in Remix by sergiodxa
The blog of sergiodxa
others / sergiodxa.com2021-12-24
Adding CSRF protection to Remix by sergiodxa
While you may not need CSRF if your cookies have the SameSite: Lax configured, it may still be a good idea to ...
others / sergiodxa.com2021-12-24
Localizing Remix apps with i18next by sergiodxa
There's a lot if libraries to implement i18n in JS and React, and i18next is one of the most popular out ther...
others / sergiodxa.com2022-09-19
Bubble up data on Remix routes by sergiodxa
React introduced a one-way data flow where a parent component has some data (state) and passes it to the children...
others / sergiodxa.com2021-12-24
Use ETags in Remix by sergiodxa
ETags are strings used to identify a particular version of a resource. If the URL is the identity of a resource the ETag is t...
others / sergiodxa.com2021-12-24
Use NProgress in a Remix app by sergiodxa
Remix's philosophy is to kill all the spinner! This is amazing, but sometimes it's not possible. Connections may be...
others / sergiodxa.com2022-01-03
Run Next and Remix on the same server by sergiodxa
If you want to migrate a Next app to Remix, you may be tempted to do a complete migration. Still, if your ...
others / sergiodxa.com2022-02-27
Add returnTo behavior to Remix Auth by sergiodxa
If you're using Remix Auth, you may want to add support to return the user to where it was before redirectin...