Remix Guide

Discover
  • Official
    49
  • Packages
    50
  • Tutorials
    195
  • Templates
    35
  • Talks
    47
  • Examples
    78
  • Integrations
    57
  • Docs
  • GitHub
  • Discord
Discover
others / feedback.convas.io2022-08-09

Feedback - Feedback

Share feedback with the Feedback team. Powered by Convas.

repository / github.com2022-08-08

kentcdodds/remix-todomvc

others / moonrepo.dev2022-08-08

Remix example | moon

Remix has been prototyped in our

others / www.youtube.com2022-08-05

Remix Meetup July 28th

This Remix Austin meetup took place at the H-E-B Digital & Favor Eastside Tech Hub in Austin, TX on July 28th. We had 3 amazing speakers present. 00:00 Creating a Terms of Service Banner – Brooks Lybrand 11:29 Sending Emails in Cloudflare with Remix Forms – Justin Reynolds 34:42 Headless e-commerce with Medusa, Remix, NX and Tailwind – Jake Ruesink 1:21:39 Goodbye Creating a Terms of Service Banner – Brooks Lybrand The O.G. localStorage—the cookie. Remix makes it super easy to leverage these little guys to do all sorts of things, like drive the state management for a Terms of Service Banner! Repo: https://github.com/brookslybrand/tos-cookie Sending Emails in Cloudflare with Remix Forms – Justin Reynolds Remix gives you full control of your entire stack, which makes creating a service like a contact form with auto email capabilities incredibly easy. Watch as Justin runs through putting all the pieces together for a simple and free solution. Live site: https://remixdevs.com/ Headless e-commerce with Medusa, Remix, NX and Tailwind – Jake Ruesink Jake will show us how he and his team at Lambda Curry are able to effectively and rapidly build awesome ecommerce sites with Remix and MedusaJS Repo: https://github.com/jaruesink/remix-medusa Want to attend future Remix Austin meetups? Join our group to be notified of future events: https://www.meetup.com/remix-austin

others / dev.to2022-08-04

Creating a Github-like Progress bar for your Remix app

This post is about the progress bar that shows at the top of the cover image 🤓 This is a...

others / dev.to2022-08-04

Add a Global Progress indicator to your Remix app

Short tutorial to add a Global Progress Indicator for whenever a loader/action is revalidating

others / www.youtube.com2022-08-04

Kent C. Dodds @ ReactNext 22 - Stream Away the Wait

ReactNext 2022 www.react-next.com Israel's Annual React & React-Native conference Powered by EventHandler ----------------------------------------- Stream Away the Wait: When implementing the design of a user interface, we often finish before remembering that not everyone's running the app's services locally on their device. There's going to be network latency, long running database queries, and large datasets that can slow down the experience. We can and should do everything we can to speed things up, but not all of this is within our control. This means we need to start thinking about pending states. But pending UI is terrible. In this talk, Kent will walk us through building a pending experience that is quite delightful. Ultimately taking advantage of React 18's new streaming APIs and a soon-to-be-released API in Remix to give a top-notch user and developer experience. Prepare to have your mind blown. ----------------------------------------- Kent C. Dodds: Kent C. Dodds is a world renowned speaker, teacher, and trainer and he's actively involved in the open source community as a maintainer and contributor of hundreds of popular npm packages. Kent is a Co-Founder and Director of Developer Experience at Remix. He is the creator of EpicReact.Dev and TestingJavaScript.com. He's an instructor on egghead.io and Frontend Masters. He's also a Google Developer Expert. Kent is happily married and the father of four kids. He likes his family, code, JavaScript, and Remix. ----------------------------------------- #javascript #reactjs #programming #software #development #softwaredevelopment

package / www.npmjs.com2022-08-03

remix-ssg

Simple SSG for [Remix](https://remix.run/).

others / frontendmasters.com2022-08-01

Advanced Remix — Exclusive Workshop

Spend A Full Day Immersed in Remix with Kent C Dodds

others / frontendmasters.com2022-08-01

Remix Fundamentals — Exclusive Workshop

Spend A Full Day Immersed in Remix with Kent C Dodds

repository / github.com2022-07-31

dev-xo/Remix-Next-Level-Boilerplate

Remix starter KIT for any kind of modern Web App.

others / foysal.it2022-07-31

Build a FullStack AMA app with Remix, Prisma, PostgreSQL - Foysal's Dev Diary

Learn how to build a fullstack app, from spec to production, using remix, prisma and postgresql starting from planning out the app's spec at a higher level and breaking it down into smaller modules and bringing it altogether to form a finished product

others / oss.capital2022-07-30

Home | OSS Capital

OSS Capital is the first and only seed-stage focused VC exclusively dedicated to backing leading COSS (commercial open source) startup founders on a global basis.

repository / github.com2022-07-27

kiliman/remix-error-logging

Patch to add server side error logging support to Remix

repository / github.com2022-07-27

kiliman/remix-server-folders

Patch to add .server extension to folder in Remix

others / www.youtube.com2022-07-26

Create a Movie Emoji Quiz - Clerk, Fauna, Remix

Want to build this yourself? Check out the full tutorial here: https://clerk.dev/tutorials/build-movie-emoji-quiz-with-remix-fauna-and-clerk Looking for the FQL Snippets ? https://gist.github.com/devchampian/a11f4edb2cf26831a2c0bf369526be40 Tutorial code repo: https://github.com/clerkinc/remix-fauna-tutorial Tutorial live demo: https://remix-fauna-tutorial.clerk.app/ Sign up for a free Clerk account: https://dashboard.clerk.dev/sign-up 00:00 - Introduction 00:18 - Clerk Setup 01:15 - Code Setup 02:49 - Fauna Setup 05:27 - Clerk + Fauna JWT Integration 06:12 - Working Example 07:18 - Outro

others / daffy.org2022-07-26

Daffy, the Donor-Advised Fund for You™

Daffy makes giving a habit. Daffy is a modern financial platform for giving—set money aside, watch it grow tax-free & donate to 1.5 million charities.

package / www.npmjs.com2022-07-26

remix-typedjson

This package is a replacement for superjson to use in your Remix app. It handles a subset of types that `superjson` supports, but is faster and smaller.

repository / github.com2022-07-25

kiliman/remix-typedjson

This package is a replacement for superjson to use in your Remix app. It handles a subset of types that `superjson` supports, but is faster and smaller.

others / softwareengineeringdaily.com2022-07-23

Remix with Ryan Florence

Remix is a full stack web framework that lets you focus on the user interface and work back through web fundamentals to deliver a fast, slick, and resilient user experience that deploys to any Node.js server and even non-Node.js environments at the edge like Cloudflare Workers. In this episode, we interviewed Ryan Florence, co-founder at

others / sergiodxa.com2022-07-22

Parse Markdown with Markdoc in Remix - Sergio Xalambrí

others / www.youtube.com2022-07-22

Remix.run Wurdle | Web Dev Office Hours

Senior Developer Advocate Austin Gil likes to build fun and interesting things for the web. In this new series, Austin recaps his live streams where he builds out new projects, explores technology, and keeps up with the trends. New tips out weekly. Watch Austin's livestreams here YouTube: https://www.youtube.com/channel/UCQmh... Twitch: https://www.twitch.tv/heyaustingil Website: https://austingil.com/

repository / github.com2022-07-21

brookslybrand/tos-cookie

Remix example Terms of Service Banner using cookies

others / open.spotify.com2022-07-21

Spotify

The Unicorn Finders podcast: Remix.run Full Stack Web Framework Focused on the UI

others / beta.react-spring.dev2022-07-21

React Spring

Bring your components to life with simple spring animation primitives for React

package / www.npmjs.com2022-07-21

@ignisda/remix-pagination

Pagination for Remix apps

others / www.youtube.com2022-07-21

Ryan Florence - Why The Form? Data Mutations on the Web - RenderATL 2022

You’re not going to want to miss what Ryan had to say at Render 2022. Oh no. You've rendered a button and want to change some data when the user clicks it. This wasn't always hard, and doesn't have to be anymore. Don’t miss what Render is doing next. Make sure you’re following @renderatl for updates!

others / sergiodxa.com2022-07-20

Dependency injection in Remix loaders and actions - Sergio Xalambrí

others / buttondown.email2022-07-16

#10: Galvanized

A remix newsletter

others / www.youtube.com2022-07-15

Supabase Happy Hour #12 - protected/authenticated loaders and actions with Remix and Supabase

Supabase is an extremely powerful and cheap option for building your next big startup idea. In this series, Jon Meyers, Alaister Young and Tyler Shukert demonstrate how to build a SaaS product using Remix and Supabase 💰 This week we implement protected loaders and actions, requiring the user to be signed in with a valid session, before they can navigate to a particular route. Additionally, we create a reusable helper function to wrap around any Remix loader or action to ensure the user is authenticated 🧠 00:00 Starting soon 00:42 Introductions 07:40 Fun facts 17:38 What's new with Supabase 25:20 Recap last week 33:30 withAuth helper 1:02:00 Fixing user for SSR 1:17:47 Entry Detail page 1:34:57 Entry Edit page 2:04:56 Social links 2:06:55 Thanks for watching GitHub Repo: https://github.com/dijonmusters/happy-days Wanna have a say in what we build? Join us live every Thursday 5pm PT / 8pm ET ⌚️ Follow the Supabase Happy Hour team 🙌 🦘 Jon Meyers: https://twitter.com/jonmeyers_io 🍣 Tyler Shukert: https://twitter.com/dshukertjr 🐨 Alaister: https://twitter.com/alaisteryoung Links and resources 🏙 CityJS Singapore (online and in person) - https://singapore.cityjsconf.org/ ☝️ 50% off Level Up Tutorials Pro subscription - https://leveluptutorials.com/pro 💿 Realtime Remix with Supabase - https://leveluptutorials.com/tutorials/realtime-remix-with-supabase 🍪 Session cookies in Remix - https://jonmeyers.io/blog/store-data-in-a-cookie-with-sessions-and-remix 🥚 egghead case study - https://egghead.io/case-studies/jon-meyers 🧙‍♀️ Supabase tips: one to many relationships - https://www.youtube.com/watch?v=5VrF9OVQ6rg Happy Chat 💬 Did you miss us building out a multi-platform realtime chat app with Supabase, Next.js and Flutter? Check out this playlist 💯 https://www.youtube.com/watch?v=sOSrPDtvvaQ&list=PL5S4mPUpp4OvEgxBhoVxXb5YS1ZAZih2l --- Learn more about Supabase 👇 🕸 Website: https://supabase.com/ 🎥 YouTube Channel: https://www.youtube.com/c/supabase 🐦 Twitter: https://twitter.com/supabase/ 👾 Twitch: https://www.twitch.tv/supabase_tv 📄 Docs: https://supabase.com/docs ---

others / www.smashingmagazine.com2022-07-13

A Look At Remix And The Differences With Next.js — Smashing Magazine

Let’s talk about Remix, the framework to create JavaScript projects using server-side rendering. Let’s go through its main features and concepts and see the similarities and differences with Next.js.

package / www.npmjs.com2022-07-11

remix-monorepo

## Why

others / www.wx4me.com2022-07-09

Weather 4 Me

A micro-climate weather application for Julia Rose.

repository / github.com2022-07-07

clerkinc/remix-bossa-nova-stack

The Remix Stack with Clerk authentication, Supabase database, Chakra UI, testing, linting, and more.

others / jonmeyers.io2022-07-07

Create a simple cookie with Remix

Cookies allow state to be shared between the browser and server. In this article, we look at creating a simple cookie with Remix to display different messages based on whether the user has visited the page before.

repository / github.com2022-07-04

edmundhung/conform

Make your form conforms to the dom

repository / github.com2022-07-03

jacob-ebey/remix-webpack-cli

A CLI for building https://remix.run applications with Webpack.

repository / github.com2022-07-02

Josh-McFarlin/remix-image

A React component for responsive images in Remix

repository / github.com2022-06-29

jacob-ebey/remix-vitest

Simple example showing how to use Vitest in-source testing with Remix

repository / github.com2022-06-29

kiliman/remix-mdx

others / gitdash.dev2022-06-27

Gitdash - the Github Dashboard

Take control of your Repos

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.

others / erikras.com2022-06-24

State Machines on the Edge

Remix Conf – Salt Lake City, Utah, USA – May 2022

repository / github.com2022-06-22

aiji42/remix-esbuild-override

This is a library that makes it possible to change the configuration values of the Remix compiler (esbuild).

repository / github.com2022-06-22

pegak/power-metal-stack

The Remix Stack for deploying to Cloudflare with Clerk authentication, testing, linting, formatting, etc.

repository / github.com2022-06-21

ilangorajagopal/synthwave-stack

repository / github.com2022-06-19

brophdawg11/remix-routers

A collection of UI library implementations of the Remix Router

repository / github.com2022-06-16

kiliman/remix-ecommerce

Remix sample wth product catalog and shopping cart

others / andre-landgraf.dev2022-06-15

How to Integrate Markdown Content with Syntax Highlighting in Remix | Andre Landgraf

Markdown is a powerful tool for writing and publishing content. There are different ways of integrating Markdown into your Remix application. In this blog post, I want to show you how my own Markdown setup works.

others / remix.ck.page2022-06-15

Remix Conf Recap

​ Remix Conf Recap That’s a wrap for Remix Conf 2022! A big shout out to everyone who attended the conference, spoke at the conference, planned the conference, filmed the conference, or had anything else to do with the conference whatsoever. It was a huge success! Workshop The Remix...

Show more
New Hot Top
repository2022-06-29

kiliman/remix-mdx

github.com
Integrationsremixtypescript
cover

Made by kiliman

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.

package / www.npmjs.com2021-12-24

remix-params-helper

<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->

others / gist.github.com2021-12-24

Debug server-side Remix using VSCode

repository / github.com2022-04-19

kiliman/remix-flat-routes

Remix package to define routes using the flat-routes convention

package / www.npmjs.com2022-05-01

rmx-cli

A CLI for remix-run

repository / github.com2022-03-08

kiliman/remix-walletconnect

Remix example showing how to use WalletConnect with Remix