others / remix.run2022-01-18
Remix vs Next.js
An objective comparison between Remix and Next.js
repository / github.com2022-01-21
jacob-ebey/remix-ecommerce
WIP
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 / www.youtube.com2021-12-24
Remix Run - Introduction to HTTP Caching
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.
repository / github.com2022-03-21
remix-run/indie-stack
The Remix Stack for deploying to Fly with SQLite, authentication, testing, linting, formatting, etc.
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
others / www.youtube.com2023-01-30
Roadmap #5
Learn more at https://remix.run
others / www.youtube.com2023-07-10
HMR and Hot Data Revalidation with v2_dev 🔥
Check out the new v2_dev docs 👉 https://remix.run/docs/en/main/other-api/dev-v2 Indie stack 👉 https://github.com/remix-run/indie-stack
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 / frontendmasters.com2022-08-01
Remix Fundamentals — Exclusive Workshop
Spend A Full Day Immersed in Remix with Kent C Dodds
others / www.youtube.com2022-12-11
Roadmap Planning #1
Learn more at https://remix.run
others / remix.transistor.fm2022-03-10
The Remix Podcast
This podcast will inspire you to build excellent user experiences for the web. Sometimes with Remix, the modern web framework.
others / www.youtube.com2021-12-24
CDN Caching, Static Site Generation, and Server Side Rendering
Remix relies on CDNs and cache control headers to get the best web performance possible. Here we’ll compare various caching strategies, including Static Site Generation and Increment Static Regeneration, and compare the tradeoffs.
others / www.youtube.com2022-01-22
Remix Single: Loading data into components
The first thing you usually need for any route is a way to load data from the server. Remix makes it easy with loaders. Learn more at https://remix.run/docs
others / www.youtube.com2022-01-26
Remix Single: Concurrent Mutations w/ useFetcher
While Remix and browsers model mutations as form navigations, `useFetcher` allows you to get the same programming model without causing a navigation. This allows apps to add pending and optimistic UI to multiple elements at the same time. Concurrent Mutations! Learn more at https://remix.run
others / www.youtube.com2022-01-27
Remix Single: Optimistic UI
Instead of adding pending states and busy indicators while we wait for the server to process a mutation, we already know what the UI will look like when its done. Skip the spinners with Optimistic UI! Learn more at https://remix.run
others / www.youtube.com2022-05-19
Migrating a Rails & React SPA to Remix by Diogo Biazus
Maintaining a stack with multiple programming languages can drastically increase the cognitive load of a team. Unifying the frontend and the backend under a single language has always been a tantalizing prospect. With Remix this becomes an achievable goal, however, migrating without a big rewrite is always challenging, while migrating with a big rewrite is often disastrous. This is the story of how we are planning a migration feature by feature, using an integrated authentication system that works on both our Rails backend and on the Remix server. We also disastrous leveraged resource routes to proxy the old application and integrate everything under the same domain, making the back and forth between legacy and rewritten features seamless. Speaker bio: Diogo Biazus has been a software developer since the late 90s. Since then, he has also worked as an open-source contributor, conference organizer, PostgreSQL instructor and consultant, systems integrator (yay, EDI!), "the DevOps guy", and team lead. He has contributed to PostgREST (https://github.com/PostgREST/postgrest) and published PostgreSQL tools such as postgres-websockets (https://github.com/diogob/postgres-websockets), postgres-copy (https://github.com/diogob/postgres-copy), and hasql-notifications (https://github.com/diogob/hasql-notifications). He now focuses on improving DX at Seasoned. Diogo Biazus' GitHub: https://github.com/diogob Repo: https://github.com/SeasonedSoftware/remix-migration
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!
others / egghead.io2022-05-20
Up and Running with Remix
What is Remix? > Remix is a seamless server and browser runtime that provides snappy page loads and instant transitions by leveraging distributed systems and native browser features instead of clunky static builds. > -- remix.run But that summary only scratches the surface. Remix has great mental models, is extremely fast, and has a plethora of components and features that will make your life easier and web apps perform better. And in this course, you'll be learning how to take full advantage of what Remix has to offer. You will learn by building a full-featured blog with a database, authentication, CRUD operations, user roles, and more! If you want to read more about why should give Remix a chance, give Kent's blog post, Why I Love Remix, a read! Check out this repo to see the project code for this course
others / www.youtube.com2022-06-01
When To Fetch: Remixing React Router - Ryan Florence
Recorded live at Reactathon 2022. Learn more at https://reactathon.com When To Fetch: Remixing React Router We've learned that fetching in components is the quickest way to the worst UX. But it's not just the UX that suffers, the developer experience of fetching in components creates a lot of incidental complexity too: data fetching, data mutations, busy spinners, optimistic UI, error handling, form state, network race conditions, user event interruptions, and all the code that holds it together gets pretty difficult! As we've built Remix, we've gotten a lot of practice leaning on React Router's nested route abstraction to solve all of these problems all at once. Now, millions of React Router apps in production can get the same benefits because we've moved the responsibility of knowing When To Fetch into React Router itself! About Ryan Florence Ryan is the co-founder of Remix, co-creator of React Router, and co-founder of React Training. Event production and post-production by EventLoop. Let's build your conference brand, or take it to the next level. info@eventloop.app
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 / www.youtube.com2022-05-25
Shipping to the Edge: Kent C Dodds
Recorded live at Reactathon 2022. Learn more at https://reactathon.com Shipping to the Edge The landscape of the web has evolved drastically since the first website was published to the World Wide Web in 1991. Over the years, the pendulum has swung from servers rendering HTML to JavaScript-heavy clients and now it's swinging toward something more in the middle.What about the web today is enabling us to overcome the shortcomings of the web of the past? In this talk, we'll get a little peak into the history of each of these stages of the web and what that means for anyone building on the web platform in the future. About 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 React. Event production and post-production by EventLoop. Let's build your conference brand, or take it to the next level. info@eventloop.app
others / frontendmasters.com2022-08-01
Advanced Remix — Exclusive Workshop
Spend A Full Day Immersed in Remix with Kent C Dodds
others / remix.run2024-03-07
Internationalization with Remix
Learn how to implement internationalization (i18n) in your Remix project. Discover the significance of i18n, gain an understanding of the core principles, and learn various strategies for effective i18n management with Remix.
others / remix.run2022-03-31
React Router v6.3.0
A new package helps you upgrade from React Router v5 to v6 incrementally
others / www.youtube.com2022-12-12
Roadmap Planning #2
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.com2022-05-19
Purge Per Route by Brooks Lybrand
Love or hate Tailwind, one thing it gets right is only shipping the CSS _you_ use. However, you still have to ship your **entire** site's CSS, no matter how big it gets or what page the user is on. Love or hate Remix (wait, who hates Remix?), one thing it does best is only shipping the CSS each _page_ needs. Remix also removes stylesheets when you navigate away, which avoids clashing styles and class names. What if we could combine these two features? In this talk I will show you how to generate only the CSS _you_ use, while shipping no more CSS than each _page_ needs? Speaker bio: Hi, my name is Brooks Lybrand and I work as Web Engineer for the best grocery store in the world (okay, at least in Texas): H-E-B! I specialize in building proof of concepts, evaluating tools, and creating highly interactive, data-rich applications. I am passionate about exploring new ideas and technologies, discovering how they can better other's lives, and guiding people to these solutions. When I'm not coding, I love spending time with his wife and dogs, camping, playing board games, and pretending I know what I'm talking about when it comes to coffee and beer. Brooks Lybrand's Twitter: https://twitter.com/BrooksLybrand Repo: https://github.com/brookslybrand/purge-per-route Statechart representation of logic: https://stately.ai/registry/editor/105a41c2-1cd9-41a9-a27a-324c71bfb735
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...
others / www.youtube.com2022-01-06
Contribute a Remix Example
Learn more at https://remix.run GitHub: https://github.com/remix-run/remix Join discord: https://rmx.as/discord
others / www.youtube.com2023-01-05
Roadmap Planning #3
Learn more at https://remix.run
others / www.youtube.com2021-12-24
Remix Tutorial with Kent
In this live stream, Kent will be going through the Remix tutorial and you can follow along. Join the discord #live-stream-chat channel to ask questions as we go. By the end of it, we'll have a full CRUD-based application with authentication and everything. Should be a good time! Make sure you have Node 16 installed on your computer before attending! GitHub Repo: https://github.com/kentcdodds/remix-tutorial-walkthrough Learn more at https://remix.run Join the discord at https://rmx.as/discord Timestamps (thanks Tejas Ahluwalia!): 00:00:00 Intro Music 00:00:35 Stream starts 00:03:37 About the tutorial 00:05:35 Let's start: Overview 00:10:58 Let's start: Outline & Prerequisites 00:14:30 Questions 00:17:27 Generating a new Remix Project 00:20:35 Exploring the structure 00:30:09 Questions 00:44:19 Routes 00:53:00 Questions 01:02:45 Parametrized Routes 01:04:20 BREAK 01:09:23 Questions 01:13:10 Styling 01:26:17 Alternate CSS methodologies 01:29:41 Questions 01:35:45 Database: Setting up 01:43:00 Questions 01:46:10 Database: Connecting to the DB 01:50:22 Questions 01:51:45 Database: Reading from the DB 01:58:50 Questions 02:00:39 Database: More data fetching 02:06:00 Questions 02:09:07 Database: Type safety and other stuff 02:19:25 BREAK 02:24:35 Mutations / Forms 02:32:56 Questions 02:34:00 Form Validation 02:43:30 Questions 02:47:40 Authentication 03:17:45 Questions 03:19:30 Authentication continued 03:31:30 Questions 03:35:10 Authentication continued 03:52:57 Questions
others / www.youtube.com2021-12-24
Introducing Remix v1 💿
Learn more at https://remix.run Sign up for our newsletter: https://remix.run/newsletter Join the Discord: https://discord.gg/remix
others / www.youtube.com2022-03-17
Deploy a Remix App to AWS in 2 minutes
Learn more at https://remix.run/stacks
others / www.youtube.com2022-03-17
Deploy a Remix App to Production in 2 minutes
Learn more at https://remix.run/stacks
repository / github.com2022-03-21
remix-run/blues-stack
The Remix Stack for deploying to Fly with PostgreSQL, authentication, testing, linting, formatting, etc.
repository / github.com2022-03-21
remix-run/grunge-stack
The Remix Stack for deploying to AWS with DynamoDB, authentication, testing, linting, formatting, etc.
others / www.youtube.com2022-01-26
Remix Single: Clearing Inputs After Form Submissions
After a form submission completes, you often want to clear out the form fields. You can `useTransition` to know when to reset the form. Learn more at https://remix.run
others / www.youtube.com2023-12-19
Protecting Routes with Auth
Remix makes it easy to protect routes that require the user to be authenticated. With a single function you can get the user's data if they're authenticated and otherwise redirect them to the login page. Explore the full code here 👉 COMING SOON 00:00 - Overview 00:36 - Requiring a user on routes 02:32 - Throwing a redirect 04:40 - Demoing the protected route Learn more at https://remix.run
others / www.youtube.com2022-01-24
Remix Single: Multiple Forms and Single Button Mutations
How to handle multiple forms in one route, and modeling mutations with a single button form. Learn more at https://remix.run
others / www.youtube.com2023-01-25
Scroll Management with Remix and React Router
Learn to prevent scroll reset on navigation and how to take control over how it restores on back/forward. Learn more at https://remix.run
others / www.youtube.com2022-02-10
Coding with Kent: Remix Work
Learn more about Remix: https://github.com/remix-run/remix My task management app: https://www.centered.app Other stuff I use (font, theme, etc.): https://kcd.im/uses
others / www.youtube.com2024-01-01
Optimistic Drag and Drop
Tying all of the previous Trellix Singles together, this videos shows how you can build something as complex as optimistic Drag and Drop with the simple primitives of Remix. Explore the full code here 👉 COMING SOON 00:00 - Overview 00:46 - Drag and Drop implementation 05:45 - UX before optimistic UI 06:52 - Board state implementation 07:45 - Adding optimistic drag and drop 11:42 - UX with optimistic UI 12:28 - Canceling fetches with fetcher keys Learn more at https://remix.run
others / remix.run2022-11-01
Remixing Shopify
Remix is joining Shopify
others / remix.run2024-07-11
Fog of War
Introducing Fog of War: infinitely scalable Remix and React Router applications
others / remix.run2024-11-26
React Router v7
React Router v7 brings all the great things you love from Remix back to React Router
others / www.youtube.com2022-05-24
CSS Approaches in Remix
Let's dive into different CSS approaches in Remix! We will look at styling your Remix application in three different ways while analyzing different implications. These considerations include performance, developer experience, and scalability. See how to leverage Remix and CSS to create amazing experiences for your users. Speaker Bio: I am currently a freelance full-stack developer with experience in developing JavaScript applications in a variety of frameworks. I am passionate about web development and have recently been building different projects using Remix. I am also getting a master's degree in information systems at BYU. Outside of development, my wife and I just had our first child. We enjoy playing board games and reading numerous (mainly fantasy) books. Follow Noah: https://twitter.com/jnoahjohnson Repo: https://github.com/jnoahjohnson/remix-css Learn more at https://remix.run
others / www.youtube.com2023-01-20
v1.11 Remix Streaming with React Suspense and Remix Defer
Ryan takes us for a first look at Remix Streaming from the v1.11.0 release Learn more at https://remix.run
others / remix.run2023-09-15
Remix v2
The second major release of Remix is stable today.
others2022-05-18
remix.run“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.
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-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-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!
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.run2024-03-07
Internationalization with Remix
Learn how to implement internationalization (i18n) in your Remix project. Discover the significance of i18n, gain an understanding of the core principles, and learn various strategies for effective i18n management with Remix.