Test Remix loaders and actions by sergiodxa

Discover

others / www.youtube.com2022-01-11

How to Debug Remix loaders and actions in VS Code

This video shows how to configure VS Code to debug your Remix loaders and actions. NOTE: You can now use the `debugger` statement instead of the external `debug()` function. I tried this before, but it didn't work. Not sure why it works now. You still can't set a breakpoint inside a route module, but you can add `debugger` statement and it will break there. You can then step through your code. I will be re-recording this video with this new info. Get the launch configuration here: https://rmx.fyi/debug

package / www.npmjs.com2021-12-24

remix-auth

Simple Authentication for Remix

repository / github.com2021-12-24

kiliman/remix-component-data

This is a proof of concept for showing how you can expose loader functions from your components to use in your routes.

repository / github.com2021-12-24

edmundhung/remix-guide

A platform for sharing everything about Remix

package / www.npmjs.com2022-02-25

remix-forms

Magically create forms + actions in Remix!

repository / github.com2022-01-30

jacob-ebey/remix-pwa

A template to get a Remix PWA up and running

package / www.npmjs.com2021-12-24

remix-utils

This package contains simple utility functions to use with [Remix.run](https://remix.run).

others / remix.run2022-01-18

Remix vs Next.js

An objective comparison between Remix and Next.js

package / www.npmjs.com2022-03-21

remix-etag

## Problem

repository / github.com2021-12-24

sergiodxa/personal-site

Personal website

package / www.npmjs.com2021-12-24

remix-tailwind

Use TailwindCSS with Remix without an extra build step!

repository / github.com2022-01-30

QuentinWidlocher/remix-template

Remix template with Typescript, Tailwind, Zod and Prisma

repository / github.com2022-01-21

jacob-ebey/remix-ecommerce

WIP

others / egghead.io2022-12-16

Build a Realtime Chat App with Remix and Supabase

Supabase is a collection of open-source tools that wrap around a PostgreSQL database. In this course, we look at building a realtime chat application with Remix, using Supabase for db hosting, authentication, authorization and subscribe to realtime db events - updating the UI as the database changes. We will learn about: loaders and actions in Remix querying and mutating data with Supabase authentication with GitHub authorization with RLS merging client and server state with realtime events deploying a Remix app to Vercel This course is 100% TypeScript, however, don't stress if you don't have any experience with TS, as Supabase does most of the heavy lifting here! 🎉

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

package / www.npmjs.com2022-11-08

remix-vite

Static file serving and directory listing

others / vicvijayakumar.com2022-03-14

Building a full stack app with Remix, Prisma, and Supabase

There is a misconception that Remix is only for static sites. This is a how-to guide for building a full-stack app with the new framework + Prisma + Supabase, and deploying it to Vercel.

others / remix.run2022-06-27

Data Flow in Remix

Remix takes the idea of “one-way data flow” and extends it across the network, so your UI truly is a function of state: from the client to the server and back again.

package / www.npmjs.com2021-12-24

remix-i18next

The easiest way to translate your Remix apps

package / www.npmjs.com2022-02-17

remix-pwa

A PWA handler for Remix

package / www.npmjs.com2022-01-11

remix-graphql

Utilities for using GraphQL with a Remix app

repository / github.com2022-10-20

rileytomasek/zodix

Zod utilities for Remix loaders and actions.

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 / www.youtube.com2021-12-24

Remix Run - Introduction to HTTP Caching

HTTP Caching is a web fundamental every web developer should eventually learn. The quickest way to a slow website is to not understand caching and ofc, the best way to make your website fast is to take advantage of it. In this video we'll explain the basics of HTTP caching, how web browsers respond to it, and how CDNs take advantage of it, by building a bare-bones Node.js server and then quickly see how to specify caching headers in a Remix App.

repository / github.com2022-03-21

remix-run/indie-stack

The Remix Stack for deploying to Fly with SQLite, authentication, testing, linting, formatting, etc.

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