Future Proofing Your Remix App
We've introduced the concept of future flags to give you a smooth upgrade path for your Remix app.
We've introduced the concept of future flags to give you a smooth upgrade path for your Remix app.
Get personalized shopping recommendations from Shopβs AI-powered shopping assistant. Make shopping fun and find exactly what youβre looking for in a flash.
Remix. Itβs web fundamentals. Itβs the future of react applications. Got an opinion? Letβs discuss!
Sitemap generator for Remix applications
Remix plugin for Superflare
In this blog post, I am sharing my story of learning React, web standards, and Remix, and answer the question why I actively try to use less React.
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!
A production-ready Remix stack built for AWS Lambda. Authentication. Security, Internationalization, Feature Flags, Analytics, Tests, Storybook, Ephemeral and Production CI/CD and more.
Use Remix's Defer feature in combination with an EventStream to stream progress updates to the client.
insync automatically generates playlists with music from your favourite artists to help you rediscover the music you love!
utils to render remix into a dom-node instead of the whole document
Tony's Chocolonely Demo Store is a Shopify ecommerce built to showcase headless Shopify integrated with Sanity. We re-designed the online store.
A list of /uses pages detailing developer setups.
Learn how to generate Open Graph images in your Remix app
Try to detect if Remix is being used on the site and show the Remix logo if it is
Sample app that shows how to fix React hydration issues in a Remix app
This is the recording for the Remix NYC meetup on January 18, 2023. Talks: 1. Using Remix with TRPC and React Native to build a sample full stack app by Quentin Geddis (https://twitter.com/quentincwg) 2. P IS FOR PERFORMANCE LITERACY by Henri Helvetica (https://twitter.com/henrihelvetica) More about Remix NYC: - Follow us at https://twitter.com/remix_run_nyc. - We host meetups monthly, free of charge. Check us out here: https://www.meetup.com/remix-nyc/. - Want to give a talk? https://airtable.com/shrHi8P2T3fKmtHh0 - Want to sponsor our meetup? https://airtable.com/shro1qUzBgqaLIGGp Timestamps: 00:00 Start 10:44 Quentin Introduction 11:00 Using Remix with TRPC and React Native to build a sample full stack app 15:39 (Demo) Using Remix with TRPC and React Native to build a sample full stack app 36:00 Henri Introduction 37:00 P IS FOR PERFORMANCE LITERACY 1:28:53 End
Combine Sanity's blazing-fast CDN with Remix's cached at the edge pages.
Try Shopify free and start a business or grow an existing one. Get more than ecommerce software with tools to manage every part of your business.
Supabase Auth simplifies building an app with users. Remix is a web framework that gives you little bits of server where you need it! π In this video, Jon Meyers takes us through the brand new Supabase Auth Helpers package, which provides convenience functions around storing session data in cookies, rather than localStorage. This makes it possible to send authenticated requests to your database, from the client or server! πͺ Free egghead course on Remix and Supabase: https://egghead.io/courses/build-a-realtime-chat-app-with-remix-and-supabase-d36e2618 Remix Auth Helpers Docs: https://supabase.com/docs/guides/auth/auth-helpers/remix Learn more about Supabase π πΈ Website: https://supabase.com/ π Get started: https://app.supabase.com/ π Docs: https://supabase.com/docs π Github: https://github.com/supabase π¬ Discord: https://discord.supabase.com/ π¦ Twitter: https://twitter.com/supabase/
In this tutorial, we will show you how to migrate an Angular application to Remix by running Angular...
Showcasing a hub for knowledge sharing and collaboration that drives our decision-making process.
Supabase Auth simplifies building an app with users. Remix is a web framework that gives you little bits of server where you need it! π In this video, Jon Meyers takes us through the brand new Supabase Auth Helpers package, which provides convenience functions around storing session data in cookies, rather than localStorage. This makes it possible to send authenticated requests to your database, from the client or server! πͺ Free egghead course on Remix and Supabase: https://egghead.io/courses/build-a-realtime-chat-app-with-remix-and-supabase-d36e2618 Remix Auth Helpers Docs: https://supabase.com/docs/guides/auth/auth-helpers/remix Learn more about Supabase π πΈ Website: https://supabase.com/ π Get started: https://app.supabase.com/ π Docs: https://supabase.com/docs π Github: https://github.com/supabase π¬ Discord: https://discord.supabase.com/ π¦ Twitter: https://twitter.com/supabase/
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
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.
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!/
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
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