Remix Guide

Menu
  • Official
    74
  • Tutorials
    297
  • Packages
    72
  • Events
    18
  • Showcase
    98
  • Templates
    53
  • Examples
    91
  • Opinions
    107
  • Docs
  • GitHub
  • Discord
  • Meetup
  • RSS
Discover
others / www.bitovi.com2023-09-27

Level Up Your React Game with Remix, Prisma, & Supabase Postgres DB

Ready to supercharge your React app development with Remix? Learn how to create a server-rendered app with the Remix Stacks, Prisma, and Supabase.

others / www.youtube.com2023-09-26

Remix v2 Routes Upgrade

This video is walkthrough of a few strategies you can take to migrate from the Remix v1 to v2 route file naming convention - Migration doc: https://remix.run/docs/en/main/start/v2#file-system-route-convention - @remix-run/v1-route-convention: https://www.npmjs.com/package/@remix-run/v1-route-convention - Plopix script: https://gist.github.com/Plopix/58fc3f3be202d9915c466e71077d36a2 - kiliman's flat routes library also has a migration script: https://github.com/kiliman/remix-flat-routes#-migrating-existing-routes - Simple bash script demonstrated in this video: https://gist.github.com/brookslybrand/53ecbcbad0fb7735aa763106536d4ed2

others / www.jacobparis.com2023-09-26

Build a server-side filter UI with Remix

Create a filter bar that stores its state in the URL. Use the OData query string format to parse and serialize the filters. Create a custom hook to manage the filter state.

others / sergiodxa.com2023-09-26

How to Abort Async Calls Inside Remix Loaders and Actions by sergiodxa

The blog of sergiodxa

others / www.epicweb.dev2023-09-26

Transforming Form Data into Sessions: A Deep Dive into Zod and Conform

Learn how to use Zod and Conform to validate and transform form data into sessions

others / alemtuzlak.hashnode.dev2023-09-19

Global Types for Typed Remix Apps

Optimize Remix.run apps with global types for smooth version transitions, runtime changes, and easy updates using a single declaration file

others / www.jacobparis.com2023-09-19

URL based database filtering with OData

Use OData to create a flexible query language for your database. Give your users pre-made queries or let them construct their own.

repository / github.com2023-09-19

sergiodxa/remix-on-bun

others / remix.run2023-09-15

Remix v2

The second major release of Remix is stable today.

others / www.youtube.com2023-09-12

I might be enjoying Remix more than Next

๐Ÿ“˜ T3 Stack Tutorial: https://1017897100294.gumroad.com/l/jipjfm ๐Ÿค– SaaS I'm Building: https://www.icongeneratorai.com/ โœ‚๏ธ Background Cutter: https://www.backgroundcutter.com/ ๐Ÿ’ฌ Discord: https://discord.gg/4kGbBaa ๐Ÿ”” Newsletter: https://newsletter.webdevcody.com/ ๐Ÿ“ GitHub: https://github.com/webdevcody ๐Ÿ“บ Twitch: https://www.twitch.tv/webdevcody ๐Ÿค– Website: https://webdevcody.com ๐Ÿฆ Twitter: https://twitter.com/webdevcody

repository / github.com2023-09-04

rolanday/remix-next-auth-unocss

others / www.tsmailok.dev2023-09-04

Dark Mode with Remix: Key Lessons

When it comes to achieving the best user experience, Remix is undeniably the ideal tool. Here are some valuable insights I acquired in my pursuit of delivering exceptional user experiences through Dark Mode.

others / www.meetup.com2023-09-04

Remix meetup September ๐Ÿƒ, Thu, Sep 21, 2023, 5:00 PM | Meetup

Remix Copenhagen meetup returns in September with a series of talks, this time hosted by **raffle.ai ๐Ÿ”Ž** We will meet at 17:00 and the first talk will be "The 20 minute i

others / alemtuzlak.hashnode.dev2023-09-01

Handling type-safe toast notifications with zod in Remix applications

As development paradigms on the web are starting to shift from classic SPA's to the server/client model of Remix and Next app directory new challenges arise that weren't here before, one of those is handling toast notifications. In this article I wil...

others / alemtuzlak.hashnode.dev2023-09-01

Raining down confetti on redirects in Remix

Yesterday I wrote about how we can use flash session to show toast messages to the user in this article: https://alemtuzlak.hashnode.dev/handling-toasts-in-remix Well, today I want to expand on this and add a fun little utility that will brighten up ...

repository / github.com2023-09-01

rphlmr/remix-js-with-jsdoc

A Remix run demo in full JS with JSDoc

repository / github.com2023-09-01

getcord/cord-remix

Get Real-Time Chat and Presence in Seconds With Cord + Remix

others / www.meetup.com2023-09-01

Remix London October 2023, Tue, Oct 3, 2023, 6:00 PM | Meetup

Time for another [Remix](https://remix.run/) meetup, this time hosted by [Skyscanner](https://www.skyscanner.net/)! Want to speak? Either fill in this form [https://forms.

others / www.meetup.com2023-08-29

Remix V2 (Sรฉbastien Morel) & Media with Service Workers (Matt McClure), Tue, Aug 29, 2023, 5:15 PM | Meetup

We are very excited to have this session hosted at Mux. Prepare for two awesome talks, great conversations, pizza, and drinks! **Talks will start at 6:00 pm.** **Live str

others / www.jacobparis.com2023-08-28

Create a custom Remix hook to access loader data from any component

Use the useRouteLoaderData hook to access loader data from any component. Export a custom hook to make it easier to use. Use useMatches to find the ID of the route you want.

repository / github.com2023-08-28

partykit/remix-starter

๐ŸŽˆ PartyKit โคซ Remix ๐Ÿ’ฟ

others / codesandbox.io2023-08-22

Remix Mapbox Starter Template

others / dev.to2023-08-16

How to internationalize a Remix application (Part 1)

Let's talk about internationalization (i18n) for Remix... When it comes to JavaScript localization....

repository / github.com2023-08-04

scandinavianairlines/remix-workers-poc

A proof of concept for adding Remix loaders and actions in a service-worker

others / otiv.dev2023-07-31

Remix Error Handling Essentials

This blog post is a personal guide for Remix projects. If you need error handling you should do these things at minimum.

Show more
New Hot Top
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...