Make your form conforms to the dom
Make your form conforms to the dom
A CLI for building https://remix.run applications with Webpack.
A React component for responsive images in Remix
Simple example showing how to use Vitest in-source testing with Remix
Take control of your Repos
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.
Remix Conf – Salt Lake City, Utah, USA – May 2022
This is a library that makes it possible to change the configuration values of the Remix compiler (esbuild).
The Remix Stack for deploying to Cloudflare with Clerk authentication, testing, linting, formatting, etc.
A collection of UI library implementations of the Remix Router
Remix sample wth product catalog and shopping cart
Markdown is a powerful tool for writing and publishing content. There are different ways of integrating Markdown into your Remix application. In this blog post, I want to show you how my own Markdown setup works.
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...
Or How I Learned to Stop Worrying and Love PHP
The Remix Stack for Web2 apps and Web3 DApps with authentication with Magic, testing, linting, formatting, etc.
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
A Vue UI layer for nested + data-driven routing via @remix-run/router
Useful utilities and simplified validation for actions and loaders.
The team at Remix are building a web framework that is built on the priniciples of React Router and...
These are our biggest takeaways from conversations that occurred on and off the main stage at the inaugural Remix Conf 2022.
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
Performances are key. That statement is true for any web application but even more for eCommerce applications that convert performances into revenue. Why are eCommerce projects more complex than others? What are the key topics and the special things that you need to take into account when building an eCommerce application in 2022. In this talk we will deep dive into all the things that must be dynamic and how to achieve performances. All explained with a Remix project example. Speaker bio: Sébastien is a passionate and accomplished tech leader and problem-solver with extensive experience in architecture, performance optimizations, development, and system administration. CTO at Crystallize, a super-fast, super modern, super sexy, and super-powerful Headless eCommerce"", he's in charge (among other) of the Developer eXperience initiative. Previously, he led and grew his former web agency for 18 years working on more than 150 projects successfully and proudly implemented, deployed and maintained. Agnostic of the web technology he's using, Sébastien is also an open source maintainer active in the PHP/Symfony community. Learn more at https://remix.run/conf/2022/speakers/s%C3%A9bastien-morel
Neighbor is a marketplace that allows you to make extra cash by storing your neighbors' things in your extra space. After several years of using a standard React frontend generated by create-react-app, we've decided to move to Remix. I will discuss some of the crazy things we've done at Neighbor to work around the limitations of a standard CRA-generated application, why we chose to use Remix over other alternatives, and discuss some of the gotchas and learning that came out of the migration. If you work at a medium to large business and are interested in moving to Remix, this talk is especially for you. I will mostly stick to big picture concepts rather than diving deep into the code. Speaker bio: Dennis works as a senior software engineer at Neighbor, a marketplace for self-storage, where he led the switch to Remix. While Dennis works across the entire tech stack, he's especially comfortable with systems architecture and seeing how pieces fit together. He's contributed to open source software in various ways (mostly within the Elixir ecosystem) and has enjoyed sharing some of his learning on his blog and his Youtube channel. Outside of programming Dennis loves spending time with his wife and his daughter who was born this past year, and he also skis, explores Utah's national forests, and shoots photos of the stars. Learn more at https://remix.run/conf/2022/speakers/dennis-beatty
Outstanding search starts with two principles: immediate feedback and relevant results. Search-as-you-type experiences have become the standard since Google introduced Google Suggest and Google Instant on their search page in the 2000s. Users not only love the immediate feedback of instant experiences, they expect it. They also expect search to be excellent at understanding their intent, even when they misspell or forget words. Services like Algolia are designed to deliver instant, as-you-type, relevant results right from the first keystrokes. But what happens when the user's network is slow? What's relevant when the user didn't express intent yet? In this talk, we'll see how you can combine Algolia's client-side search with the power of Remix's server runtime to create snappy and delightful yet reliable and resilient search experiences that serve everyone. Speaker bio: Sarah is a Staff Software Engineer from Paris, France who works on front-end search experiences at Algolia. She created the Dinero.js monetary library and hosts the Developer Experience podcast show. She's passionate about building dynamic front-end experiences, and won't shut up about TDD and utility-first CSS. She shares what she learns on her blog and at tech conferences around the world. Learn more at https://remix.run/conf/2022/speakers/sarah-dayan
Remix is fantastic for building brand-new apps. But the truth is most of us are slogging away on crusty old ones. How can we incorporate Remix into our stacks without rewriting everything? And how can we effectively sell our teams on the benefits of adoption? In this talk we'll explore some strategies that will let you gradually adopt Remix, progressively enhancing your tech stack. Speaker bio: Jon is a Senior Software Engineer (Netflix) working to improve the developer experience for other UI engineers. Previously he worked at Amazon and Instructure working on various things software-y. In his spare time, he's usually in the mountains, playing Minecraft with his kids, or following the Red Food Truck around SLC. Learn more at https://remix.run/conf/2022/speakers/jon-jensen
One of the beautiful things about Remix is how easy it is to enhance it to make our lives easier. In this talk, I'll show you how I built Remix Forms and how I use it to: - Code only the parts of my forms that stray from our standard UI. The rest is magically rendered for me. - Never have to think again about client-side + server-side validations, pending indicators, and focus management (with focus on the first field with error even for server-side failures!) - Get form data, validate values, redirect or return errors with one helper. I focus on the mutation, not on the wiring. - Catch any typo or mistake right away with bulletproof typing, even for custom inputs. - Enjoy the autocomplete magic that comes along with it :) Speaker bio: In order to bring his startups to life, Daniel had to go through a 9-year journey to become the technical founder and CTO he needed in his teams. However, his real passion has always been the non-technical way, and having to spend his days coding took a toll on him. When Daniel was finally able to come back to the business side, he had a secret weapon: in his struggles to leave the technical life behind, he gained a deep understanding of what it takes for a non-technical founder to create successful startups. Beyond his own journey, he's helped tons of founders build world-class products over the last 20+ years. Along the way, he was CEO, CMO, and CTO of many startups. Daniel has also founded a few successful ones himself, including Mailee, which was sold to a Brazilian internet provider, and Catarse, the biggest crowdfunding platform in Latin America. Learn more at https://remix.run/conf/2022/speakers/daniel-weinmann
Build performant web apps with a full-stack framework, Remix. Remix focuses on the UI to enjoy fast & resilient UX. Experience the "Remix magic" that enables no fetching & pre-fetch all in parallel before users make actions. As Remix focuses on UI & UX, why not share the "Remix magic" with the business users? In this talk, we're going to see together the combination of the new generation of a full-stack framework, Remix & a visual editor integrated headless CMS (Storyblok). Are you ready to explore a whole new level of experience? Speaker bio: Arisa is a DevRel Engineer at Storyblok & an organizer of a free tech skill & knowledge-sharing community, Lilac. Her mission is to learn, speak, connect and help. In her private time, she is a podcaster, an Aikido fighter, and a GirlCode ambassador. Learn more at https://remix.run/conf/2022/speakers/arisa-fukuzaki
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'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
In this talk we are going to be talking about how to build hybrid apps that use a combination of frameworks like Remix and mixing them with no-code backends like Zapier and Airtable, so that they can be managed and modified by non-technical people. I will specifically go over how I replaced the admissions process at my children's preschool with a website and made them paperfree. Speaker bio: Vic is a Staff Engineer @ Eventbrite and indie software maker from Raleigh, North Carolina. He's a dad, runner, violinist, and is severely addicted to acquiring new hobbies. He has run the tech side of North Carolina's extremely popular Rare & Vintage Beer Festival for the last 10 years. Vic was previously in the scientific communications space and a technical cofounder of the Research Square platform, an inaugural recipient of the Fast Company "Brands that Matter" list for accelerating research communication during the pandemic. In his spare time, you can find Vic building LEGO with his family or out at the plant nursery adopting yet another plant. Learn more at https://remix.run/conf/2022/speakers/vic-vijayakumar
The Cache-Control header has been around since HTTP/1.1 in 1997, yet for many of us, it's not something we think about every day. The stale-while-revalidate extension was proposed as early as 2010, but was only widely supported in modern browsers in 2019. In this talk, I will show you the power of stale-while-revalidate and how you can take advantage of it in your Remix project to make your slow responses seem really fast! Speaker bio: Scott's a software engineer with over a decade of experience building web applications for healthcare enterprises from frontend, to APIs, and even infrastructure. Now Scott works at UDisc, a quickly growing disc golf company that is pushing the sport forward through technology. Scott's always favored working in the backend, but Remix is helping him to enjoy working across the full stack, once again. He's incredibly excited about the future of building web applications with Remix and the ease of deploying to the modern edge hosting providers. Learn more at https://remix.run/conf/2022/speakers/scott-smerchek
Nowadays, building a working web application is much more than deploying it to production. The impact on the way your app is delivered to your end-users is also important. Making your app experience better translates into more engagement, conversions, and revenue. That's why it is also vital (pun intended) to know how your application behaves, and that's where Web Vitals help us get a clear overview of how our app is doing. Speaker bio: Erick Tamayo was born in the Dominican Republic. He currently lives in Calgary Canada with his family. Erick's currently developing Metronome which is a tool for Real User Monitoring (RUM) specifically for Remix. He's been following Remix since 2020 and decided to join the community in 2021. Since then he's loved everything about Remix and its community! Learn more at https://remix.run/conf/2022/speakers/erick-tamayo
Let's talk about some of the headaches of building headless Shopify e-commerce stores, and how Hydrogen-UI + Remix make it better. Pre-built Shopify components? Check. GraphQL auto-completion? Oh yeah. Speedy websites? Blazing fast. Speaker bio: Anthony Frehner is a frontend web developer and architect. He likes to contribute to open source when he has the time! Anthony is currently working on Hydrogen 🙂 Anthony's recently been providing feedback on a WICG proposal for which he also spent some time making a polyfill. He's a core-team member of the single-spa open source library, he occasionally give conference talks–here's Anthony's talk at React Rally 2019–and write technical articles, and he proposed a new CSS unit called vhc which eventually turned into the dvh, lvh, and svh (and equivalent *vw) CSS units, which was very exciting for him personally! Learn more at https://remix.run/conf/2022/speakers/anthony-frehner
Your Remix app is so performant that–even without a solid internet connection–navigation on your site seems to happen almost instantaneously. Whether rendered on the client side or server side, pages load data quickly and all the information you users are interested in is on the screen without the wait. But why? In this talk, we discuss the optimizations in Remix for data fetching and rendering apps in the browser that enhance both the user experience and developer experience. Speaker bio: Shaundai is a Senior Software Engineer (Netflix) and educator based in Atlanta, GA, US. She is passionate about making programming interesting and approachable for all, and does that through her work as a course instructor (tsforjs.com), co-lead for React Robins (reactrobins.com), and technical blogger. In her spare time, Shaundai loves to go hiking, jogging, and listen to audiobooks. Find her on Twitter at @shaundai. Learn more at https://remix.run/conf/2022/speakers/shaundai-person
You cannot improve what you do not measure, and measuring page performance is at the heart of providing marvellous user experiences. "How To WebPageTest" is a talk where I will demonstrate how modern profiling using WebPageTest will provide the best insights. I'll show you tips and tricks on how to interpret the results, and I'll also expose you to key features that are best in class in performance testing. Speaker bio: Henri is a developer who has turned his interests to a passionate mix of site performance engineering and pinches of user experience, which led to his joining Catchpoint Systems on the WebPageTest Team. When not reading the deluge of daily research docs and case studies, or profiling sites in his favourite tools, Henri can be found contributing back to the community: Toronto Web Performance Group meetup + Jamstack Toronto organizer, curating conference content or volunteering his time for lunch and learns at various bootcamps. Otherwise, Henri is focusing on running the fastest 5k possible (surprise surprise), encouraging a healthy lifestyle via #devsWhoRun. Learn more at https://remix.run/conf/2022/speakers/henri-helvetica
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
Learn how to build and deploy a fullstack application using Remix, Prisma, and MongoDB. In this article, we will be setting up our project, the MongoDB instance, Prisma, and begin modeling out some of our data for the next section of this series.
Ali &amp; Divya recorded seven (!) awesome conversations all about Remix and the web ecosystem live on-stage at the first-ever Remix Conf after-party!
How can you use a nested route to edit items of an index page directly, without the need for a dedicated edit form page, even without client-side JS loaded? I plan to stream more of me learning Remix, React, and TypeScript, building the shopping list app on twitch.tv/laueist.
Don't fall for these common mistakes. Instead, make sure you follow these three key steps to write performant loader functions.
Remix Firebase Email & Google Authentication #remix #firebase #authentication First attempt at integrating firebase with Remix for authentication. I used a combination of Server Token Validation and the client-side API's for authentication. Let me know what you think of this approach, it is still a work in progress as I get a better understanding of the "Remix Way" of doing things. 00:00 - Intro 00:54 - Technical Approach 02:28 - Start Code Walkthrough Source Code -------------------- - https://github.com/aaronksaunders/remix-firebase-sample-app Documentation Links ---------------------------------- Firebase Client SDK - https://firebase.google.com/docs/auth/web/manage-users Firebase Admin SDK - https://firebase.google.com/docs/auth/admin/manage-cookies Follow Me ------------------------------------------- twitter - https://twitter.com/aaronksaunders github - https://github.com/aaronksaunders udemy - https://www.udemy.com/user/aaronsaunders gumroad - https://app.gumroad.com/fiwic #remix #remixrun #firebase #googleauth #firebaseauth https://www.clearlyinnovative.com