Data Flow in Remix

Discover

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.

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

repository / github.com2021-12-24

edmundhung/remix-guide

A platform for sharing everything about 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-auth

Simple Authentication for Remix

package / www.npmjs.com2022-02-25

remix-forms

Magically create forms + actions in Remix!

repository / github.com2021-12-24

sergiodxa/personal-site

Personal website

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 / remix.run2022-06-27

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.

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

package / www.npmjs.com2022-03-21

remix-etag

## Problem

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.

others / www.youtube.com2022-04-28

Deploy Remix K-pop Stack + Supabase

Have you heard about our new Remix Stacks template the K-pop Stack? It combines Remix, Supabase, Tailwind, and more to give you a note creation app with auth to help jump start your own Remix creation. Check out how to make it your own and get it deployed to fast and free! Repo: https://github.com/netlify-templates/kpop-stack Blog Post: https://www.netlify.com/blog/deploy-your-remix-supabase-app-today!/

package / www.npmjs.com2022-01-20

remix-image

A React component for responsive images in Remix

package / www.npmjs.com2021-12-24

remix-tailwind

Use TailwindCSS with Remix without an extra build step!

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

package / www.npmjs.com2021-12-29

eslint-config-remix

ESlint config for remix app

package / www.npmjs.com2022-01-21

zod-form-data

Validation helpers for [zod](https://github.com/colinhacks/zod) specifically for parsing `FormData` or `URLSearchParams`. This is particularly useful when using [remix](https://github.com/remix-run/remix) and combos well with [remix-validated-form](https:

others2022-06-27

Data Flow in Remix

remix.run

Official

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.

Published on remix.run

others / remix.run2022-01-18

Remix vs Next.js

An objective comparison between Remix and Next.js

others / remix.run2022-01-27

Not Another Framework!

The web ecosystem can feel like it moves too fast sometimes. We're sensitive to that at Remix so we've designed it with your future in mind. Get good at Remix, get better at the web.

others / remix.run2022-05-18

Remix and “The Edge”

“The edge” isn’t just about static assets anymore. It’s increasingly becoming a place for dynamic assets resulting from compute. Remix is taking full advantage of this next generation of edge computing.

others / remix.run2022-03-31

React Router v6.3.0

A new package helps you upgrade from React Router v5 to v6 incrementally

others / remix.run2022-03-24

Remixing React Router

Remix picked up where React Router v3 left off, and now almost everything great about Remix is coming back to React Router!

others / remix.run2022-09-13

React Router 6.4 Release

React Router 6.4 was released today, adding all of data loading, data mutation, pending navigation, and error handling APIs from Remix to every React Router app.