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
others / www.epicweb.dev2023-10-26
Why I Won't Use Next.js
From the perspective of web standards to concerns about increasing complexity, Kent C. Dodds shares his opinions on why he won't use Next.js.
others / sergiodxa.com2023-10-24
How to Upload Images in a Remix Application by sergiodxa
The blog of sergiodxa
others / cycle.io2023-10-20
Containerizing and Deploying a Production Remix App | Cycle.io | The LowOps Container Orchestration Platform
Containerizing and deploying a production Remix application on the LowOps platform Cycle.
others / blog.turso.tech2023-10-20
Creating a multitenant SaaS service with Turso, Remix, and Drizzle - Turso Blog
Building a multitenant SaaS website where each user gets their own Turso database by leveraging Turso’s numerous database offering.
others / www.youtube.com2023-10-18
v2.1.0 Remix Experimental View Transitions API
Brooks shows off the new experimental View Transition API in Remix v2.1.0 Release Notes 👉 https://github.com/remix-run/remix/releases/tag/remix%402.1.0 unstable_viewTransition API 👉 https://remix.run/docs/2.1.0/components/link#unstable_viewtransition Matt Brophy's React Router Demo 👉 https://github.com/brophdawg11/react-router-records Chapters 00:00 Introduction 02:41 Remix.run blog example 05:29 Transitioning specific elements 13:24 Accessibility and prefers-reduced-motion Learn more at https://remix.run
others / echobind.com2023-10-17
Embedding Remix in Directus
In this mad-science experiment, we combine the Directus CMS with the Remix framework in a single package that enjoys the features of both.
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.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...
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...