Use Client Hints to Eliminate Content Layout Shift
Learn how to eliminate CLS using client hints in the Epic Stack.
Learn how to eliminate CLS using client hints in the Epic Stack.
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.
- 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
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
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
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.
Use redirect routes to redirect users to the right place. Implement dynamic next/previous buttons. Send users back to onboarding or login pages.
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.
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
Effortlessly upload images using Supabase and Remix; set up, create client-side uploader, and manage server-side uploads with this guide
Introducing Remix v2.2.0: lightning-fast Vite integration, plugins, and better developer experience. Elevate projects and discover new potential!
Nessa postagem vamos aprender como fazer o deploy de uma aplicação Remix no serverless.
Learn this popular React framework by building and deploying your own Work Journal app.
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
Today we’re announcing that unstable support for Vite is available in Remix v2.2.0!
I think this demo shows why elysia and remix are actually a pretty nice technological matchup
Master integration testing for Remix apps using Vitest, TypeScript, Docker, and real databases, with adaptable techniques for any JS app like Next.js
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
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.
The blog of sergiodxa
Containerizing and deploying a production Remix application on the LowOps platform Cycle.
Building a multitenant SaaS website where each user gets their own Turso database by leveraging Turso’s numerous database offering.
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
In this mad-science experiment, we combine the Directus CMS with the Remix framework in a single package that enjoys the features of both.
Speaker Bio: Ryan Florence has been obsessed with UX since using an Intellivision. https://remix.run/conf/2023/speakers/ryan-florence Speaker Bio: Michael Jackson, the author or Remix, not the pop star. https://remix.run/conf/2023/speakers/michael-jackson Learn more at https://remix.run
This video shows how to configure VS Code to debug your Remix loaders and actions. NOTE: You can now use the `debugger` statement instead of the external `debug()` function. I tried this before, but it didn't work. Not sure why it works now. You still can't set a breakpoint inside a route module, but you can add `debugger` statement and it will break there. You can then step through your code. I will be re-recording this video with this new info. Get the launch configuration here: https://rmx.fyi/debug
Have you heard about our new Remix Stacks template the K-pop Stack? It combines Remix, Supabase, Tailwind, and more to give you a note creation app with auth to help jump start your own Remix creation. Check out how to make it your own and get it deployed to fast and free! Repo: https://github.com/netlify-templates/kpop-stack Blog Post: https://www.netlify.com/blog/deploy-your-remix-supabase-app-today!/
HTTP Caching is a web fundamental every web developer should eventually learn. The quickest way to a slow website is to not understand caching and ofc, the best way to make your website fast is to take advantage of it. In this video we'll explain the basics of HTTP caching, how web browsers respond to it, and how CDNs take advantage of it, by building a bare-bones Node.js server and then quickly see how to specify caching headers in a Remix App.
Learn more at https://remix.run
We will walk through a simple demonstration of a remix application using nested routes and parameterized routes. The use of nested routes helps me with component design and separation when architecting an application. Parameterized routes / Dynamic Routes contain state information that can through the parameters that are defined on the route. This provides powerful flexibility when designing your app and app's components. Putting the two together in an simple solution to be a reference when you build something amazing. Speaker bio: Aaron is an Information Technology Strategist, Thought Leader, and Diversity and Inclusion Trailblazer - Founder & CEO of Clearly Innovative. He believes technology and in his case coding is an enabler and an equalizer. Aaron has focused a large part of his career training and developing individuals who want to get into tech but cannot find the opening; through the apprenticeship program he ran at Clearly Innovative, teaching web and mobile development at Howard University, and the free technical videos on his Youtube Channel he just want to help others get a seat at the table of tech and innovation. Learn more at https://remix.run/conf/2022/speakers/aaron-k-saunders