The Remix Podcast
This podcast will inspire you to build excellent user experiences for the web. Sometimes with Remix, the modern web framework.
This podcast will inspire you to build excellent user experiences for the web. Sometimes with Remix, the modern web framework.
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
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. firstname.lastname@example.org
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
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
Learn more at https://remix.run
Learn more at https://remix.run Join discord: http://rmx.as/discord Join the meetup: http://rmx.as/meetup
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
En el meetup de Mayo - 2021, nos acompañó Sergio Xalambrí (@sergiodxa) para hablarnos de Introducción a Remix.run.
On this episode, we talk with Michael Jackson (no, not that one) about Remix, the "center stack" web framework that embraces the web platform, rather than attempting to replace it.We discuss how Remix is an outgrowth of the work that he and Ryan Florence did on React Router, and how Remix attempts…
Juri Strumpflohner is joined by Kent C. Dodds, Director of Developer Experience at Remix and Victor Savkin to discuss the new Remix framework! Submit questions beforehand using this form: https://forms.gle/P6MZWMPzWDUMRYEWA Show Notes: 0:00 Intros 3:33 2 Minute intro of Remix 8:01 What is so special about Remix? 10:57 Remix nested routing 13:45 Resource routes 17:24 Difference Remix loaders and Next.js getServerSideProps 20:30 React Server Components 25:05 Shared state with Remix 28:45 What is Remix not made for? 31:25 Demo of the Remix Nx "Labs" plugin 49:55 Remix Roadmap in 2022 Links: - https://remix.run/ - Nx Remix plugin demo: https://youtu.be/yUuEA4V6DJ0 Docs: https://nx.dev GitHub: https://github.com/nrwl/nx Slack Community: https://bit.ly/nx-slack Consulting: https://nrwl.io Twitter Socials: Nx - https://twitter.com/NxDevTools Juri - https://twitter.com/juristr Kent - https://twitter.com/kentcdodds Victor - https://twitter.com/victorsavkin #Nx #Remix #Reactjs
Edited videos available on this playlist: https://www.youtube.com/playlist?list=PLXoynULbYuEC36XutMMWEuTu9uuh171wx Learn more at https://remix.run/conf/2022 Chat at https://rmx.as/discord 00:00:00 Starting title 00:40:00 Michael Jackson keynote 01:10:00 Henri Helvetica on webpage test 01:35:00 Shaundai Person on remix as browser framework 01:54:45 Erik Rasmussen on state machines 02:45:15 Anthony Frehner on Remixing Hydrogen 02:59:50 Ryan Dahl on deno + remix 03:21:40 Nick Small on remix-three 03:29:20 Erick Tamayo on web vitals 03:38:00 Scott Smerchek on stale-while-revalidate 03:43:25 Lunch 05:55:00 Vic Vijavakumar on social good with low code 06:07:51 Ben Wishovich on remix + rust 06:15:10 Greg Brimble on Full Stack Fast: Data on the Edge 06:24:00 Arisa Fukuzaki on ui + ux 06:48:10 Daniel Weinmann on remix-forms 07:06:30 Jon Jensen on incremental remix 08:00:00 Sarah Dayan on search with algolia + remix 08:24:00 Dennis Beatty on switching to remix at neighbor 08:45:00 Closing Notes
You’re not going to want to miss what Ryan had to say at Render 2022. Oh no. You've rendered a button and want to change some data when the user clicks it. This wasn't always hard, and doesn't have to be anymore. Don’t miss what Render is doing next. Make sure you’re following @renderatl for updates!
Y'all loved my last reaction so I had to do one more :) Ryan killed it with this talk and I really enjoyed it If y'all enjoy content like this lmk in the comments and I'll do more React reactions 😂 Link to original talk: https://www.youtube.com/watch?v=95B8mnhzoCM My stuff: https://t3.gg/discord https://t3.gg/links
Michael will kick the inaugural Remix Conference off! Speaker bio: Michael Jackson is the CEO and co-creator/co-founder of Remix. He is the co-author of React Router and a prolific contributor to open source. He is the creator of unpkg.com and gets a kick out of discussing distributed system design as much as he enjoys front-end architecture. Michael lives in Carlsbad, CA with his wife, two boys, and two girls. Learn more at https://remix.run/conf/2022/speakers/michael-jackson
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
Why force your users to settle for either loading skeletons or slow page renders? Remix can bring your application rendering to the edge, but what about your data? Why should every request have to call back to a single database cluster in Virginia? For the best performance and experience for your users, store your data on the edge, alongside the rest of your application. We'll discuss how the original colocated server and database configuration worked, how it evolved with Jamstack, improved with next-gen data services, and how today's technology supports a new architecture altogether. But distributed systems are notoriously hard to design for, and edge-based storage is no different, with the challenges of synchronicity being a particularly difficult problem. I'll highlight the benefits of edge-based storage, how it compares to the other options, and I'll showcase a truly global Remix application built with Cloudflare's KV, Durable Objects and R2. Speaker bio: Greg is a Systems Engineer at Cloudflare working on Cloudflare Pages in the Emerging Technologies and Incubation department. Cloudflare Pages is a full-stack developer platform and they were very excited to add support for Remix at the end of last year. Before Pages, Greg worked with Cloudflare's Speed Team where he learned to appreciate the Network tab of DevTools. Greg has also contributed to the Web Almanac and numerous open-source projects, and, most importantly, he has his fingers crossed for enough snow to go skiing after Remix Conf! ⛷ Learn more at https://remix.run/conf/2022/speakers/greg-brimble
Remix is a full stack web framework but how "full stack" can we make it? Voice user interfaces have seen substantial growth in adoption and popularity over the past years. Unfortunately, there hasn't been much visible effort to apply the latest advancements in web development (frontend development) to the field of voice UIs. I created react-ssml-dom to apply the component-based approach to voice UIs. It was a fun project and I was able to create a small Google Assistant action using React to render SSML! Now, a few years later, Remix is out and has changed the way I develop for the web! What if we could use Remix to also render voice applications? Or full stack web and voice apps? Speaker Bio: Hey there! I am a Software Engineer from Germany with a background in Information Systems. I am currently doing my master's degree in Computer Science in Palo Alto, CA! I love to develop web and voice apps. Sometimes I also study for my degree. On the weekends, I hike, watch Marvel, or listen to Syntax.fm. Please find me on Twitter or the Remix Discord server and get in touch! Follow Andre: https://twitter.com/AndreLandgraf94 Learn more at https://remix.run
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
Remix Conf – Salt Lake City, Utah, USA – May 2022
This is the second India Remix Meetup. Members of the Remix team will speak. Bring all your questions and ideas about how to build better user experiences for the web! Agenda: 9:00: The Power of Form by Kent C Dodds (https://twitter.com/kentcdodds) 9:30: Remix Styling by Anuj Singla (https://twitter.com/singla387) 9:50: QA Would like to speak at this meetup? Propose a talk https://forms.gle/aVMgUG8JQHiEMWn8A --------------------- Follow on Twitter for more updates: https://twitter.com/remix_run Getting started with Remix: https://docs.remix.run Remix Blog: https://blog.remix.run/p/remix-preview Please join the discord channel for updates - https://discord.com/channels/770287896669978684/910796788838043688 Join Zoom Meeting https://healthifyme.zoom.us/j/93611642514?pwd=SEZUMkpEMnZ4bHlhZGI5dTRLUlhxUT09 Thanks, HealthifyMe(https://www.healthifyme.com/) for sponsoring the zoom license for the meeting.