Remix Guide

Menu
  • Official
    83
  • Tutorials
    319
  • Packages
    72
  • Events
    19
  • Showcase
    98
  • Templates
    54
  • Examples
    94
  • Opinions
    113
  • Docs
  • GitHub
  • Discord
  • Meetup
  • RSS
Discover
repository / github.com2023-12-07

kiliman/remix-vite-template

Remix template with Vite, Tailwind CSS, and Fly.io support

others / akoskm.com2023-12-05

The Ultimate Full Stack Framework for 2024: Remix

Remix is a full-stack framework with seamless backend-frontend integration, fewer states, and web standards emphasis

others / www.youtube.com2023-12-05

Roadmap Planning #8

- Public roadmap ๐Ÿ‘‰ https://github.com/orgs/remix-run/projects/5/views/1 - RFCs ๐Ÿ‘‰ https://github.com/remix-run/remix/discussions/categories/official-rfcs - "Open Development" blog post ๐Ÿ‘‰ https://remix.run/blog/open-development 00:00 - Introduction 02:47 - Middleware 25:37 - Server Context 50:24 - Client Middleware (Q&A) Learn more at https://remix.run

others / www.youtube.com2023-12-01

Remixing Toast Notifications (feat. Andre Landgraf)

Andre teaches Brooks how to build a toast notification system in Remix using Cookies. Full Stack Web Development with Remix ๐Ÿ‘‰ https://a.co/d/5BmioFi Repo (initial setup) ๐Ÿ‘‰ https://github.com/PacktPublishing/Full-Stack-Web-Development-with-Remix/tree/main/15-advanced-session-management/bee-rich/solution Learn more about Andre ๐Ÿ‘‰ https://github.com/andrelandgraf 00:00 - Introductions 06:33 - Setting up the project 12:53 - Client-side toast notifications 19:37 - Server-side toast notifications 28:00 - Cookie-driven toast notifications (diagram) 37:15 - Cookie-driven toast notifications (code) 1:10:30 - Progressively enhanced toast notifications 1:15:15 - Concluding thoughts Learn more at https://remix.run

others / www.epicweb.dev2023-12-01

Turn Progressive Enhancement up to 11

Learn how to create a progressive enhancement image uploader that works for users with or without JavaScript.

others / sergiodxa.com2023-12-01

How to Keep Your Loader Data Fresh in Remix by sergiodxa

The blog of sergiodxa

others / www.epicweb.dev2023-11-28

Use Client Hints to Eliminate Content Layout Shift

Learn how to eliminate CLS using client hints in the Epic Stack.

others / andrekoenig.de2023-11-27

Enhance User Experience with Real-Time File Upload Progress Updates in Remix | andrekoenig.de

Learn how to implement real-time file upload progress updates to enhance the user experience with Remix. Keep users informed about the progress of their file uploads in real-time for a smoother and more engaging experience.

others / www.youtube.com2023-11-22

Roadmap Planning #7

- Public roadmap ๐Ÿ‘‰ https://github.com/orgs/remix-run/projects/5/views/1 - RFCs ๐Ÿ‘‰ https://github.com/remix-run/remix/discussions/categories/official-rfcs - "Open Development" blog post ๐Ÿ‘‰ https://remix.run/blog/open-development 00:00 - Introduction and recap 01:27 - Bundle Shredding ๐ŸŽธ for Lambda/Serverless Architecture 06:55 - RFC: React Elements and Promises as loader / action data 39:40 - Client Data 47:53 - Remix SPA Target 54:53 - Vite update (Q&A) 57:17 - unstable_parseMultipartFormData (Q&A) 1:00:15 - Middleware (Q&A) Learn more at https://remix.run

others / www.youtube.com2023-11-22

Remix Dev Tools (feat. Alem Tuzlak)

Alem teaches Brooks how to use Remix Forge and the Remix Dev Tools Remix Forge ๐Ÿ‘‰ https://marketplace.visualstudio.com/items?itemName=CodeForge.remix-forge Remix Dev Tools ๐Ÿ‘‰ https://github.com/Code-Forge-Net/Remix-Dev-Tools Learn more about/sponsor Alem ๐Ÿ‘‰ https://github.com/AlemTuzlak 00:00 - Introductions 03:55 - Setting up the project 06:43 - Remix Forge 20:51 - Setting up the Remix Dev Tools 33:37 - Exploring the "Settings" tab 41:47 - Exploring the "Routes" tab 52:13 - Exploring the "Active page" tab 1:11:04 - Exploring the "Errors" tab 1:24:17 - New Vite plugin 1:33:46 - Remix Dev Tools plugins 1:36:19 - Remix Dev Tools enhanced logging 1:41:44 - Final thoughts Learn more at https://remix.run

others / www.youtube.com2023-11-17

Server-Sent Events in Remix (feat. Moishi Netzer)

Moishi Netzer teaches Brooks how to implement server-sent events in Remix! Repo ๐Ÿ‘‰ https://github.com/moishinetzer/remix-live-loader Server-sent events docs ๐Ÿ‘‰ https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events Learn more about Moishi ๐Ÿ‘‰ https://github.com/moishinetzer 00:00 - Introductions 02:44 - Walkthrough of the app 08:50 - Setting up server-sent events 27:18 - Adding multiple listeners 39:14 - Live Chat 52:40 - Final thoughts Learn more at https://remix.run

others / www.youtube.com2023-11-17

The Remix Philosophy is not Just for Remix | Ken Snyder | Conf42 JavaScript 2023

Read the abstract โžค https://www.conf42.com/JavaScript_2023_Ken_Snyder_remix_philosophy Other sessions at this event โžค https://www.conf42.com/js2023 Join Discord โžค https://discord.gg/DnyHgrC7jC Remix Demo - Shopping List โžค https://github.com/kensnyder/remix-demo-shopping-list Chapters 0:00 intro 0:22 preamble 0:31 what we'll cover 0:48 about ken 1:27 why should you care? 2:02 let's create a real remix app 13:18 try it on github 13:27 outlet 14:20 more complex forms 16:29 philosophy: embrace server/client model 17:21 bundles 18:13 single page app 18:39 remix app 20:10 server & runtime adapters 20:41 official list 21:23 work with web foundations 21:43 standards 23:09 request, response 23:48 fetch loves requests & response 24:26 headers 25:28 url search params 26:13 traditional react components 27:11 more traditional react page 27:46 ...or just use remix 28:07 work without js 30:11 demo without js 31:15 roadmap and future flags 31:43 roadmap highlights 32:47 future flags 34:08 applying the philosophy outside remix 35:11 we chose a new mindset 36:14 hello shoreline 36:26 thank you

others / zerotomastery.io2023-11-17

Learn Remix. Create Better Websites. Get Hired. | Zero To Mastery

Learn Remix from scratch. Take your coding skills & career to the next level by building better websites with the hottest web framework based on React.

others / www.jacobparis.com2023-11-17

Redirecting from a resource route

Use redirect routes to redirect users to the right place. Implement dynamic next/previous buttons. Send users back to onboarding or login pages.

others / www.netlify.com2023-11-03

Remix v2.2 Leverages New Core Netlify Primitives

Hosting your Remix sites and applications on Netlify just got even better thanks to a number of new capabilities in our core platform and updated integrations which unleash the features in the latest version of Remix. Learn how you can use advanced cache control, streaming, custom local dev servers, and more.

others / www.youtube.com2023-11-03

Remix ๐Ÿšš Vite: Migrating Remix apps to Vite โšก๏ธ

Vite announcement blog post ๐Ÿ‘‰ https://remix.run/blog/remix-heart-vite Migration guide ๐Ÿ‘‰ https://remix.run/docs/en/dev/future/vite Vite announcement discussion ๐Ÿ‘‰ https://www.youtube.com/watch?v=qyo5of7EDjY 0:00 - Migrating the default template 2:19 - Migrating the Express template 5:11 - Migrating the Indie Stack

others / alemtuzlak.hashnode.dev2023-11-01

Upload Images: Supabase & Remix Integration

Effortlessly upload images using Supabase and Remix; set up, create client-side uploader, and manage server-side uploads with this guide

others / alemtuzlak.hashnode.dev2023-11-01

Discover Vite Remix Exploration

Introducing Remix v2.2.0: lightning-fast Vite integration, plugins, and better developer experience. Elevate projects and discover new potential!

others / dev.to2023-11-01

Remix com serverless

Nessa postagem vamos aprender como fazer o deploy de uma aplicaรงรฃo Remix no serverless.

others / buildui.com2023-10-31

Ship an app with Remix

Learn this popular React framework by building and deploying your own Work Journal app.

others / www.youtube.com2023-10-31

Remix โค๏ธ Vite: Introducing the new Remix Vite Plugin

Try it out the new plugin for yourself using a minimal server npx create-remix@latest --template remix-run/remix/templates/unstable-vite Or a custom Express server npx create-remix@latest --template remix-run/remix/templates/unstable-vite-express Learn more at https://remix.run/docs/future/vite 00:18 Initialize the project 00:39 HMR + HDR 03:08 MDX routes 05:29 Importing SVGs 07:36 Conclusion

others / remix.run2023-10-31

Remix โค๏ธ Vite

Today weโ€™re announcing that unstable support for Vite is available in Remix v2.2.0!

repository / github.com2023-10-26

jjhiggz/elysia-remix-demo

I think this demo shows why elysia and remix are actually a pretty nice technological matchup

others / alemtuzlak.hashnode.dev2023-10-26

Integration testing Remix apps with Vitest, Typescript & Docker

Master integration testing for Remix apps using Vitest, TypeScript, Docker, and real databases, with adaptable techniques for any JS app like Next.js

others / www.youtube.com2023-10-26

I'll take you through the Remix tutorial - Code Autopilot

The tutorial says 30m, but it took me about 80m, not including editing time. #remix #react * * * Nikos Katsikanis LTD Director/Producer: Visit https://nikoskatsikanis.com for more information. Check out "The Nikos Show" on my main channel: https://www.youtube.com/@NikosKatsikanis

Show more
New Hot Top
others2022-03-31

React Router v6.3.0

remix.run
Official

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

cover

Published on remix.run

others / remix.run2022-01-18

Remix vs Next.js

An objective comparison between Remix and Next.js

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 / 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-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.run2023-03-17

Future Proofing Your Remix App

We've introduced the concept of future flags to give you a smooth upgrade path for your Remix app.

others / remix.run2023-03-10

Lazy Loading Routes in React Router 6.4+

Decoupling data-fetching from rendering introduces some complexities if you want to lazily load your route components. Check out how the newly introduced `route.lazy()` method helps solve this to keep your app bundles small and your UX snappy!