How to create one form with many actions in Remix

Here is an easy method for building forms with multiple outcomes using a not well known html feature.

Scroll Management with Remix and React Router

Learn to prevent scroll reset on navigation and how to take control over how it restores on back/forward. Learn more at https://remix.run

PodRocket - A web development podcast from LogRocket - Remix in 2023 with Michael Jackson

In this episode, Michael Jackson joins us to talk about Remix joining Shopify! We cover topics like Hydrogen (the Shopify stack for headless commerce), the future of Remix, and more! Links https://remix.run https://github.com/remix-run https://twitter.com/remixrun https://twitter.com/mjackson https://discord.com/invite/xwx7mMzVkA https://www.youtube.com/remixrun https://www.linkedin.com/in/mjijackson https://podrocket.logrocket.com/remix-run Tell us what you think of PodRocket We want to hear from you! We want to know what you love and hate about the podcast. What do you want to hear more about? Who do you want to see on the show? Our producers want to know, and if you talk with us, we’ll send you a $25 gift card! If you’re interested, schedule a call with us (https://podrocket.logrocket.com/contact-us) or you can email producer Kate Trahan at kate@logrocket.com (mailto:kate@logrocket.com) Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we’ll send you free PodRocket stickers! What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guest: Michael Jackson .

dev-xo/remix-auth-otp

A One-Time Password Authentication Strategy for Remix Auth.

v1.11.0 Remix Streaming and Granular Error Handling

Ryan shows us how to get granular with our errors and prevent slow, risky data loads from taking down the entire page if it has an error. Learn more at https://remix.run

v1.11 Remix Streaming with React Suspense and Remix Defer

Ryan takes us for a first look at Remix Streaming from the v1.11.0 release Learn more at https://remix.run

jacob-ebey/remix-d1-northwind

Northwind Traders implemented on Remix + CF Pages + D1

Never Trust the Client: Architecting a Resilient API

It's important to architect your APIs in a way that can't be spoofed by a mischievous client application.

Jira clone

Task manager application inspired in Jira. Side project made with Remix, React, Tailwind, TypeScript and more.

Call Remix Loaders on demand with useRevalidator

Remix Loaders are a great way to fetch data server-side before rendering the page. As of v1.10.0, you can use the useRevalidator hook to call these loaders whenever you want. In this video, Jon Meyers demonstrates how this can be paired with Supabase Auth and the onAuthStateChange hook to keep the UI in sync with the user's signed in state. GitHub repo: https://github.com/dijonmusters/remix-revalidation-on-demand To learn more about building an app with Remix and Supabase, check out this entirely free egghead course: https://egghead.io/courses/build-a-realtime-chat-app-with-remix-and-supabase-d36e2618?af=9qsk0a In this course we build a realtime chat application and learn about: 🍪 managing sessions with cookies using the Supabase Auth Helpers 🏢 fetching data server-side 🧙‍♀️ generating TypeScript definitions with the Supabase CLI ⏱️ merging realtime updates with loader data 00:00 Introduction 01:10 Creating Remix app 02:07 Adding a loader function 03:00 Empty action hack 05:33 Calling active loaders with useRevalidator 06:23 Creating a Supabase project 08:25 Instantiating a Supabase client 10:55 Implementing Supabase Auth 13:37 Revalidating data onAuthStateChange 15:10 Summary Other helpful resources 📜 Blog article: https://jonmeyers.io/blog/call-remix-loaders-on-demand-with-userevalidate 👇 Get more from Jon 👇 Twitter: https://twitter.com/jonmeyers_io Blog: https://jonmeyers.io/blog

remix-ts-snippets - Visual Studio Marketplace

Extension for Visual Studio Code - Snippets for writing Remix with TypeScript code faster!

Roadmap Planning #4

Learn more at https://remix.run

sendou.ink

Competitive Splatoon Hub featuring gear planner, event calendar, builds by top players, and more!

react-router-v6-codemods

A collection of codemods for react-router for upgrading to v6.

whatcanireallyuse

Roadmap Planning #3

Learn more at https://remix.run

colbywhite/acoustic-stack

This is a minimal Remix stack to serve as a starting point for demos and debugging.

cliffordfajardo/remix-msw-node-with-playwright

jrestall/remix-kit

remix development, streamlined

Remix Brasil - Edição de Janeiro, Tue, Jan 10, 2023, 6:30 PM | Meetup

Meetup da comunidade Remix Brasil - Edição de Janeiro Vamos aprender juntos a criar experiências incríveis na web com [Remix](https://remix.run/)? Remix é um novo framewo

Remix Meetup January 2023, Thu, Jan 26, 2023, 6:00 PM | Meetup

Come join us at the [H-E-B Digital & Favor Eastside Tech Hub](https://goo.gl/maps/yDe6fZikfrDDcBFEA) for our January [Remix](https://remix.run/) Meetup! Food and drinks wi

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! 🎉

Downgrade to MPA if users prefer reduced data in Remix by sergiodxa

Users can enable a setting in their devices to indicate to websites that they prefer redu...

Roadmap Planning #2

Learn more at https://remix.run