Remix Guide

Menu
  • Official
    110
  • Tutorials
    395
  • Packages
    80
  • Events
    20
  • Showcase
    99
  • Templates
    58
  • Examples
    107
  • Opinions
    118
  • Docs
  • GitHub
  • Discord
  • Meetup
  • RSS
Opinions
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 / echobind.com2024-09-03

Oops, I accidentally made our website faster by switching to Remix

We migrated our site to a new hosting provider, and with it a new React framework. We expected the site to run a little slower. Our tests proved otherwise.

others / www.youtube.com2022-06-06

"Working with Nested Routes and Parameterized Routes" by Aaron Saunders at #RemixConf πŸ’Ώ

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

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.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 / 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 / www.youtube.com2022-08-16

Supabase Happy Hour #15 - Supabase File Storage in Remix

Supabase is an extremely powerful and cheap option for building your next big startup idea. In this series, Jon Meyers, Alaister Young and Tyler Shukert demonstrate how to build a SaaS product using Remix and Supabase πŸ’° This week we dive deep into Supabase File Storage and Remix. We build our own custom upload handler using the experimental `unstable_parseMultipartFormData`, `unstable_composeUploadHandlers` and `unstable_createMemoryUploadHandler` APIs, and define a relationship between our entries and their uploaded files, using the Array column type in PostgreSQL. 00:00 Starting soon 00:50 Introductions 03:17 Supabase Launch Week 10:49 Supabase Hackathon 23:43 Reviewing community PR 34:40 Uploading files in Remix Action 55:30 Array column type in PostgreSQL 01:03:26 Creating signed URLs for private files 01:32:38 Displaying signed URL images in UI 01:57:23 Social links 02:01:01 Thanks for watching GitHub Repo: https://github.com/dijonmusters/happy-days Wanna have a say in what we build? Join us live every Thursday 5pm PT / 8pm ET ⌚️ Follow the Supabase Happy Hour team πŸ™Œ 🦘 Jon Meyers: https://twitter.com/jonmeyers_io 🍣 Tyler Shukert: https://twitter.com/dshukertjr 🐨 Alaister: https://twitter.com/alaisteryoung Resources 🧠 Supabase Launch Week 5 - https://supabase.com/launch-week Supabase Hackathon - https://supabase.com/blog/launch-week-5-hackathon Supabase Gold Cap - https://store.supabase.com/products/gold-supacap Supabase File Storage docs - https://supabase.com/docs/guides/storage Remix Upload Handler docs - https://remix.run/docs/en/v1/api/remix#unstable_parsemultipartformdata Dashibase's Lotion - https://lotion.dashibase.com/ Happy Chat πŸ’¬ Did you miss us building out a multi-platform realtime chat app with Supabase, Next.js and Flutter? Check out this playlist πŸ’― https://www.youtube.com/watch?v=sOSrPDtvvaQ&list=PL5S4mPUpp4OvEgxBhoVxXb5YS1ZAZih2l --- Learn more about Supabase πŸ‘‡ πŸ•Έ Website: https://supabase.com/ πŸŽ₯ YouTube Channel: https://www.youtube.com/c/supabase 🐦 Twitter: https://twitter.com/supabase/ πŸ‘Ύ Twitch: https://www.twitch.tv/supabase_tv πŸ“„ Docs: https://supabase.com/docs ---

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 / www.youtube.com2022-05-26

Ali & Divya LIVE at Remix Conf! (JS Party live)

Remix Conf is May 24-25 and we're recording a live episode during the big after party! Join Ali Spittel, Divya, and a huge cast of Remix Conf speakers & attendees for a fun show about Remix and the web ecosystem! Chat in the #jsparty channel πŸ‘‰ Β https://jsparty.fm/community

others / alemtuzlak.hashnode.dev2023-10-06

Remix Love: Reasons and Passion

Remix.run revolutionizes web development with simplicity, flexibility, and seamless integration, improving project setup, deployment, and migration

others / softwareengineeringdaily.com2022-07-23

Remix with Ryan Florence

Remix is a full stack web framework that lets you focus on the user interface and work back through web fundamentals to deliver a fast, slick, and resilient user experience that deploys to any Node.js server and even non-Node.js environments at the edge like Cloudflare Workers. In this episode, we interviewed Ryan Florence, co-founder at

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 / blog.jim-nielsen.com2022-11-10

Browsers, JSON, and FormData

others / www.youtube.com2022-02-04

Remix Utah Meetup 2022-02-03

Learn more at https://remix.run

others / www.youtube.com2022-01-07

Remix Utah Meetup 2022-01-06

Learn more at https://remix.run Join discord: http://rmx.as/discord Join the meetup: http://rmx.as/meetup

others / www.youtube.com2022-06-06

"Deno and Remix" by Ryan Dahl at #RemixConf πŸ’Ώ

In this talk Ryan will give an overview of Deno, a modern JavaScript runtime, and Deno Deploy, a serverless at edge JavaScript hosting service. He'll give a peak behind the sceenes at the technology powering Deno Deploy, and of course demo how to deploy a Remix app on it. Speaker bio: In 2009, Ryan Dahl released Node.js. Now, Ryan is the CEO of Deno, the company behind the Deno project: A modern runtime for JavaScript and TypeScript. Deno's deploy product is pushing this runtime in the future of modern web architecture via multi-regional deploys with an outrageously fast runtime. Learn more at https://remix.run/conf/2022/speakers/ryan-dahl

others / www.youtube.com2023-05-17

"Fast, responsive native mobile apps powered by Remix & defer" by Oscar Newman at #RemixConf 2023 πŸ’Ώ

Get advanced with `defer` and other Remix features to power a lag-free, web-based native app, without giving up Remix's data loading and mutations on the server. Chasing the dream of write-once/run-anywhere by wrapping your website in a native app shell? Scared that a great Remix website won't feel as snappy as the instant transitions of your old SPA? Fear notβ€”by being smart with `defer` and leveraging the browser platform, you can power a spinner-free website and super-speedy native app from the same routes. Speaker Bio: Oscar Newman is a product and design-focused software engineer working on consumer healthcare experiences at Solv Health, where he has led a team-wide migration to Remix. He's passionate about consumer healthcare and building compelling user experiences. He's dabbled in design systems and front-end tooling, and is terrible at algorithms and most coding interviews. https://remix.run/conf/2023/speakers/oscar-newman

others / www.youtube.com2024-05-22

FUTURE of react-router v7 and Remix.run v3 EXPLAINED.

Curious about the future of React Router v7 and Remix.run? Watch this video for a detailed explanation of what's to come! Learn about the exciting updates and improvements in store for these popular tools. πŸ”— Resources and Links: The article: https://remix.run/blog/merging-remix-and-react-router Remix package RFC: https://github.com/remix-run/remix/discussions/7823 Single-fetch RFC: https://github.com/remix-run/remix/discussions/7640 πŸ‘ Don't forget to like, comment, and subscribe for more episodes in this series! Join our coding community and let's build something amazing together. πŸ“Œ Stay Connected: Twitter: https://twitter.com/AlemTuzlak GitHub: https://github.com/AlemTuzlak Company Github: https://github.com/forge42dev ⏱️ Timestamps: 00:00 - Intro 00:08 - Going over the announcement 01:22 - Why this makes sense in depth explanation 04:29 - Going through the rest of the article. 07:35 - Remix package RFC 10:45 - Remix Single Fetch RFC 14:47 - Remix future TL:DR 15:09 - The future of the packages and the great transition 17:15 - Outro πŸ”– Tags: Remix framework, Vite, Remix Vite, web development, frontend development, Remix tutorial, coding tutorial, Remix Vite tutorial, open source, coding community, Vite

others / fernandoabolafio.medium.com2024-03-27

Migrating Remix to Vite

Challenges, learnings, and scriptsβ€Šβ€”β€Šstill not done yet 😰

others / remix.run2024-03-27

Case Study: Building Shop with Remix

A case study on how Shopify rapidly built a web version of their popular iOS/Android app Shop with Remix

others / www.youtube.com2023-05-17

"Web beyond the edge" by Igor Minar & Nevi Shah at #RemixConf 2023 πŸ’Ώ

Edge computing is increasingly being adopted by web developers these days to improve UX and decrease latency of their applications. Cloudflare Workers, Deno Deploy, Netlify Edge Functions, and Vercel Edge Functions, all have made edge computing available to developers of full stack applications. With this adoption new architectural patterns and anti-patterns for building web applications have emerged. In this talk we’ll cover how developers can utilize edge computing to build full-stack applications and what are the strengths and weaknesses of this approach. We’ll also look into the future β€” beyond the edge, and explore how thinking of the network as the computer will fundamentally change the architecture of web applications in order to make building planet-scale applications accessible to everyone. Speaker Bio: Nevi Shah is a Product Manager at Cloudflare. She works on Cloudflare Pages and Cloudflare D1. https://remix.run/conf/2023/speakers/nevi-shah Speaker Bio: Igor Minar is a software engineer at Cloudflare and co-creator of AngularJS, Angular, and Karma. He has spent the last 15 years helping developers by building infrastructure, APIs, and tooling for the Web. Igor built some of the biggest web development communities during his time at Google. He collaborated with the TypeScript team to bring type-checking and better tooling to developers, as well as browser vendors to design and improve web APIs. He has also worked to establish pragmatic best practices in the web ecosystem by creating conventional commits and many evergreen libraries. https://remix.run/conf/2023/speakers/igor-minar

others / www.youtube.com2022-06-06

"Expanding Remix with Rust" by Ben Wishovich at #RemixConf πŸ’Ώ

Remix's unique use of Loader and Action functions offers the unique opportunity to expand your data processing with Rust. Rust offers near native performance, memory safety through either the Node FFI or via compilation into WebAssembly. Learn the tricks to setup your Rust project to work with Remix, either on the server or the client, and take advantage of the most loved language with your favorite web framework! Speaker bio: Ben is a full stack web developer and software quality engineer with experience building high performance web applications. He's excited about using Remix and Rust to expand the possibilities and performance of the web app. When not coding, Ben might be found running around outside, cooking, or reading sci-fi in the sunny SF Bay Area. Learn more at https://remix.run/conf/2022/speakers/ben-wishovich

others / www.youtube.com2023-02-09

Remix NYC β€” Jan 18, 2023 (Remix with tRPC and React Native) (P IS FOR PERFORMANCE LITERACY)

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

others / www.youtube.com2023-09-12

I might be enjoying Remix more than Next

πŸ“˜ T3 Stack Tutorial: https://1017897100294.gumroad.com/l/jipjfm πŸ€– SaaS I'm Building: https://www.icongeneratorai.com/ βœ‚οΈ Background Cutter: https://www.backgroundcutter.com/ πŸ’¬ Discord: https://discord.gg/4kGbBaa πŸ”” Newsletter: https://newsletter.webdevcody.com/ πŸ“ GitHub: https://github.com/webdevcody πŸ“Ί Twitch: https://www.twitch.tv/webdevcody πŸ€– Website: https://webdevcody.com 🐦 Twitter: https://twitter.com/webdevcody

others / www.youtube.com2024-01-08

What is Remix.run exactly???

We go into what Remix.run is exactly, how it works under the hood and how it improves your DX and makes your users fall in love with your website. If you wish to support the channel consider subscribing for more content. Twitter: https://twitter.com/AlemTuzlak59192 Github: https://github.com/AlemTuzlak Blog: https://alemtuzlak.hashnode.dev/ 00:00 - Introduction to Remix.run 02:08 - How does Remix operate on a server 06:30 - Server framework deep dive 09:08 - Browser framework overview 11:17 - Outro

Show more
New Hot Top
others2022-11-10

Browsers, JSON, and FormData

blog.jim-nielsen.com
Opinions
cover

Published on blog.jim-nielsen.com

others / blog.jim-nielsen.com2022-04-11

Examples of the Permeating Principles of the Web

others / blog.jim-nielsen.com2022-10-05

Remix, React, and State

others / blog.jim-nielsen.com2022-11-16

Remix and the Alternate Timeline of Web Development