Solving hydration errors in Remix
Hydration errors can be caused by dates, ad blockers, browser extensions, invalid HTML, 3rd party scripts, CSS in JS libs, character encoding, IDs, and more
Mana - A new kind of wiki
Learn React UI
Guidelines for optimistic UI in modern CRUD apps
Improve user experience and productivity by making your UI faster. Persist data automatically, debounce saves, and show changes optimistically.
Progressively enhanced client rendering to avoid SSR hydration issues in Remix.
React doesn't like mismatches between client and server rendering. Avoid it by rendering tricky content like dates only on the client. Fade it in for a smooth UI and to avoid layout shift.
My Struggle With Remix
Remix is a fantastic framework but it's not without its issues. Here are some of my struggles after building a few different projects with it.
Remix Forge - Visual Studio Marketplace
Extension for Visual Studio Code - Remix generator for route files to help you generate your routes faster.
"Keynote" by Michael Jackson & Ryan Florence at #RemixConf 2023 💿
Speaker Bio: Ryan Florence has been obsessed with UX since using an Intellivision. https://remix.run/conf/2023/speakers/ryan-florence Speaker Bio: Michael Jackson, the author or Remix, not the pop star. https://remix.run/conf/2023/speakers/michael-jackson Learn more at https://remix.run
Command line utility to upgrade all Remix dependencies together
This is a Remix Stack with the foundational things setup and configured for you to hit the ground running on your next EPIC idea.
Use Remix with SST | SST
Create and deploy a Remix app to AWS with SST.
"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
"React from Another Dimension" by Dan Abramov at #RemixConf 2023 💿
Backstreet's back. Speaker Bio: Dan is a software engineer on the React team at Meta. https://remix.run/conf/2023/speakers/dan-abramov
"Use Remix to ship faster/build ambitiously with great UX" by Clifford Fajardo at #RemixConf 2023 💿
I will discuss some of the things we've built at LinkedIn with Remix, why we chose it over other alternatives, our incremental migration story and how Remix is enabling us to ship faster & more ambitious web UIs for our users. Whether your an indie hacker, working at startup or large company, and are interested in moving to Remix, this talk is for you. Speaker Bio: Clifford Fajardo is a full-stack software engineer at LinkedIn where he works on infrastructure tools.He has worked at both startups and other large companies, including Salesforce. In his spare time you might find Clifford contributing to open source, hiking trails in the Bay Area, or eating at his favorite pizza shop: Bronco Billy's Pizza. He has a twin brother and is a proud Nicaraguan-American 🇳🇮 https://remix.run/conf/2023/speakers/clifford-fajardo
"(Ab)use the Platform!" by Jon Jensen at #RemixConf 2023 💿
As any Remixologist will tell you, modern web apps are just pages/links/forms layered in spinners/latency/jank. If that's true, we should use Remix and web fundamentals everywhere to build better experiences! But what about highly interactive apps with streaming data and visualizations? Just how far should we push the envelope? Let's find out! In this talk, we'll implement a multi-user musical instrument with Remix, (ab)using things like: - Forms and FormData - Web Audio - Browser history - Progressive enhancement - Full stack components - Response and Server-sent events Speaker Bio: Jon Jensen is a Senior Software Engineer at Netflix working to improve the developer experience for other UI engineers. Previously he worked at Amazon and Instructure, working on all 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 Salt Lake City. https://remix.run/conf/2023/speakers/jon-jensen
"Remix API" by Shane Walker at #RemixConf 2023 💿
Using Remix to create a stand alone API is simple, fast and really fun! In just a couple minutes you can stand up a super straight forward API. This can let folks dip their toe into the wonderful world of remix without rewriting their front end. Speaker Bio: Shane Walker is a self-taught developer with a passion for learning new things and watching them come to life. From his first “Hello World” app, he was hooked. He is invigorated by solving problems in code. https://remix.run/conf/2023/speakers/shane-walker
"Reaching new heights with Remix, Prisma and Google Cloud Run" by Brian Lee at #RemixConf 2023 💿
Let's look at real world look at a migration from a React SPA and self-managed Express API to Remix on Google Cloud Run in a production setting. At Nellis Auction we made the jump and have insights to share with those of you looking to make the switch as well (hint: the performance boost for our customers was dramatic). Speaker Bio: Brian Lee is the VP of Engineering at Nellis Auction, an advisor at Reality Defender, and is currently seeking Masters in Computer Science at Vanderbilt University in Nashville, TN. Brian graduated from UNLV in 2013. Throughout his career he has worked in many areas, including geographic information systems, artificial intelligence, machine learning, custom video streaming, mobile development, and gaming engines. His work has spanned several languages and technologies, but it was always nestled within the web ecosystem. https://remix.run/conf/2023/speakers/brian-lee
"Remixing MDX to Create More Accessible Content" by Monica Powell at #RemixConf 2023 💿
An exploration of how using MDX with Remix enhances the Markdown authoring experience, unlocks an ecosystem of tools to improve accessibility, and enables developers to craft more customized content experiences. This talk will walk through multiple ways MDX can be incorporated into a Remix site and provides examples of leveraging MDX to strengthen the usability and accessibility of content. Speaker Bio: Monica Powell is a software engineer who is passionate about making contributing to open-source more approachable, creating technology to elevate people, and building community. You can find her developing educational technology as a Senior Software Engineer at Newsela, teaching web development, and contributing to open-source projects. GitHub recognized her as an inaugural GitHub Star based on her involvement in the tech community. https://remix.run/conf/2023/speakers/monica-powell
"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
"Convince your boss to use Remix" by Andre Landgraf at #RemixConf 2023 💿
Do you currently feel stuck and limited working on a React SPA? It is time to sit down with the decision-makers at your company and convince them to unlock the full potential of the web platform with Remix. In this talk, I want to make 5 points to convince your boss to try Remix. You might have already fallen in love with the Remix-way of building for the web, but you will need a business case with solid business incentives to make your boss pay attention. Let’s build one together! Speaker Bio: Andre Landgraf is a full-stack developer from Germany. He currently lives in Cupertino, CA and works for LinkedIn. At work, Andre is known as the Remix guy. He is passionate about building for the web and enjoys learning, writing, and teaching about it. https://remix.run/conf/2023/speakers/andre-landgraf
How to setup Cloudflare CDN in a remix.run app/website with fly.io
Recently I tried setting up CDN on my remix.run website hosted on fly.io.
"Good Bye Spinners: Enhancing UX with Optimistic UI" by Giovanni Benussi at #RemixConf 2023 💿
Most of the time our API calls work, so why don’t assume that they’ll do and provide a seamless experience? Optimistic UI means to simulate a positive response from the server before receiving one. This talk will introduce examples of optimistic UIs, highlight their benefits, and provide guidance on incorporating them into our applications. Speaker Bio: Giovanni Benussi has been a full-stack developer for more than 12 years. He started working on Ruby on Rails, eventually working on new features, maintenance, and scalability for the framework. Nowadays he works primarily with React. https://remix.run/conf/2023/speakers/giovanni-benussi
"The Epic Stack" by Kent C. Dodds at #RemixConf 2023 💿
Custom Fetcher Hooks are Remix's Typesafe RPCs
Create RPCs by exporting functions from your resource routes. Get full end-to-end type safety and autocompletion. Use custom fetcher hooks to get automatic revalidation, request cancellation, and more.
Try to detect if Remix is being used on the site and show the Remix logo if it is