Test Remix loaders and actions by sergiodxa

Published on sergiodxa.com

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

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.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.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.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-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...

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-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.com2022-10-20

Persist inputs after a form submit in Remix by sergiodxa

Let's say you have a form with a few inputs. You want to persist the inputs' values after submitting...

others / sergiodxa.com2021-12-24

Server-Side authentication with Auth0 in Remix by sergiodxa

While this works, I recommend you to don't do all of this yourself, instead use Remix Auth with...

others / sergiodxa.com2023-01-24

Use Remix as a SPA only by sergiodxa

Remix always does SSR on document requests. Then it works as an MPA until JS loads and React hydrates your app. At that ...

others / sergiodxa.com2021-12-24

Redirect to the original URL inside a Remix action by sergiodxa

Let's say the user is currently at the URL /:username, and there's a button to follow that ...

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-10-13

Lazy-load React components in Remix by sergiodxa

Suppose we want to create a timeline component that lists different events. Each event type has a unique com...

others / sergiodxa.com2022-02-24

Fix double data request when prefetching in Remix by sergiodxa

Suppose you rendered a <Link prefetch="intent" /> component in your UI with the idea of pref...

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.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-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.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...

others2021-12-24

Test Remix loaders and actions by sergiodxa

sergiodxa.com

Tutorials

If you are using Remix, most of your application code will live in the loaders and actions instead of React compo...

Published on sergiodxa.com

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.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

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.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...