Remix 1.8

The Remix team is steadily progressing in the effort to fold the React Router codebase back into Remix. The latest release includes another milestone: the new framework-agnostic router handles all server-side data fetches and mutations. A recent tweet from Santa Florence indicates that your Remix stockings might be stuffed with a completed React Router migration. If you’re curious about the final stages of the migration, there’s a public GitHub project board tracking the work.

This release also includes an opt-in feature for the new meta API for Remix v2. The new API no longer implicitly merges meta tags from parent routes (you’ll need to do this manually if desired). Also, the previous API attempted to smooth over differences between some meta tag standards. While the automatic features made some use cases much more straightforward, they also made some meta tags impossible to express.

For more details, you can read the full release notes for v1.8.0.

They grow up so fast.

It’s officially been over a year since Remix was open-sourced, and several community efforts are celebrating birthdays. Remix.guide turned one a few days ago and celebrated by announcing a new RSS Feed. This newsletter is a year old now as well!

As Remix grows in popularity and influence, it’s increasingly important to maintain strong communication with the community. That’s why the Remix team announced Open Development for Remix, detailing their plans for public roadmaps, open development processes, and roadmap planning live streams.

Ryan and Michael hosted the first Roadmap Planning a few days ago, and this will likely be a weekly occurrence. Keep an eye on the Remix YouTube channel or in Discord for announcements, but if they continue the same cadence, then future streams are probably on Mondays around 10 AM PT.

Webpack is invited to the Christmas party.

If you have an application that you are longing to migrate to Remix but have been blocked by a lack of Webpack support, fret no more. The team has just announced an official migration path. The article clearly states this is only for migrating to Remix, and developers should avoid using this capability unless necessary for migration. It’s exciting to see lower barriers to Remix adoption, especially for existing codebases.

Remix Conf EU and Beyond

Remix Conf EU is in the books, and the recordings are starting to release. The talks may be found in this Youtube playlist or directly from GitNation. The rest should become available around December 19th, but there are several great presentations to watch while you wait:

• 📺 Fire-side chat on Remix

• 📺 Full Stack Components – Kent C. Dodds

• 📺 Remixing How We Give – Sergio Xalambrí

• 📺 Remix Flat Routes – An Evolution in Routing – Michael Carter

• 📺 Your Personal Remix – Facundo Giuliani

By the way: If you’d like to speak at Remix Conf 2023 (the US version), the call for speakers is now open.

---

Quick links

• 📝 Add rolling sessions to Remix

• 📝 Authentication in Remix

• 📝 Different Dimensions of Remix Deploy Targets

• 📝 Don’t design your database like a frontend developer

• 📝 How to code forms with list fields in Remix

• 📝 How to dynamically create a sitemap with Sanity and Remix

• 📝 How to integrate Fathom Analytics into your Remix App

• 📝 How to publish a Remix app to the edge with GitLab and Cloudflare

• 📝 Offline dev and testing for Remix

• 📝 One Button to rule them all

• 📝 Progressively enhance the useFetcher hook in Remix

• 📝 Remix and the Alternate Timeline of Web Development

• 📝 Remix route helpers: A better way to use parent data

• 📝 SSR Date Formatting in Remix using the User’s Locale

• 📝 Supabase Auth with Remix

• 📝 Type-safe environment variables on both client and server with Remix

• 📝 Use process.env client-side with Remix

• 📝 Use Server-Sent Events with Remix

• 📝 Using Fonts in Remix

• 📝 Why you should reconsider prefetching in Remix

• 📝 You should be wrapping Remix’s Form component with your own

• 📺 Infobip Shift 2022: Bringing Back Progressive Enhancement by Kent C. Dodds

• 📺 React Streaming In Depth: NextJS! Remix! DIY!

• 📺 Remix Austin Meetup - November 17th

• 📺 What is the edge? Lightning-fast e-commerce with Vendure & Remix at the edge

• 🎙 Exploring Remix, Compressed.fm

• 🎓 Remix.js - The Practical Guide - A paid course on Udemy teaching how to build feature-rich React applications with Remix

• 📦 eslint-plugin-remix-react-routes - Validate routes referenced by the Link component (and others) in a Remix app.

• 📦 remix-utils v4.3 - Since last featured, remix-utils now has hooks for Server-Sent Events and typed cookie utilities, among other helpful tools

• 📦 use-dehydrated-state - A utility React hook for TanStack Query & Remix

• 📦 Vite dev server for Remix - An early-days tool to use Vite as your local development server for Remix

• 💻 Official Realtime App Example - Demoes how to use Server-Sent Events with Remix to build real-time apps

• 💻 remix-dashboard-d1 - A template to help you build a dashboard in Remix that runs solely on Cloudflare.

• 💻 remix-nx-fly - An example of running multiple Remix apps in an Nx integrated monorepo, each with a Dockerfile and deployed independently based on affected changes

• 💻 remotion-remix-template - A Remix run project with a Remotion Player and AWS Lambda render

• 💻 Xata Example - Showcases how to use Xata, a serverless database, with Remix

• 🚧 remix-federation-playground - A POC to make federated Remix apps

• 🚧 remix-lit-experiment - An experimental demo of using LitElement, a web component library, in Remix

👋 I know you’re making cool stuff with Remix. Why not send it to me? Reply to this email with links to your videos, articles, projects, etc. Shameless self-promotion is encouraged!

---

Upcoming events

• Remix Copenhagen meets Thursday, December 8th, from 5:00 PM to 9:00 PM CET.

• Remix Brasil meets Tuesday, December 13th, from 6:30 PM to 8:30 PM BRT.

• Remix NYC meets Wednesday, December 14th, from 6:00 PM to 8:00 PM EST.

• Remix Austin meets Wednesday, December 14th, from 6:00 PM to 8:00 PM CST.

• Remix TLV meets Wednesday, December 28th, from 2:00 PM to 6:00 PM IST.

---

Errata

• In the previous issue of this newsletter, while reporting Shopify’s acquisition of Remix, we erroneously stated that Shopify had recently laid off approximately ten thousand employees. This number is incorrect, and the actual number is closer to one thousand. Shopify had about ten thousand employees and laid off roughly ten percent of its workforce. We have corrected the online archives of the newsletter.