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

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

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

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

Multiple forms per route in Remix by sergiodxa

Suppose you have a complex enough Remix application. In that case, you may have reached the point where a sing...

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