Remix
Open menu

Remix Newsletter #14

A new Remix Vite plugin, View Transition API support, persistent and updated fetch APIs, showcase page, and much more

This newsletter's got a lot, let's dive in!

remix_heart_vite

Remix Vite Plugin

Remix v2.2.0 is released and comes with the highly anticipated unstable support for Vite! Now you get all the benefits of Vite’s lightning fast DX ⚡️ out-of-the-box when using Remix.

We've created several resources to help you get started

This feature is currently unstable. We feel confident that Vite is the future for Remix, but we want to make sure we've ironed out all of the bugs before we consider it stable. If you run into any issues, please let us know.

Improving Fetchers

Remix v2.2.0 and React Router v6.18.0 also introduces some new APIs that give you more granular control over your fetcher behaviors.

You may now specify your own fetcher identifier via useFetcher({ key: string }), which allows you to access the same fetcher instance from different components in your application without prop-drilling

The new v3_fetcherPersist (v7_fetcherPersist in React Router) future flag allows you to opt-into new fetcher persistence/cleanup behavior. Instead of being immediately cleaned up on unmount, fetchers will persist until they return to an idle state. This makes pending/optimistic UI much easier in scenarios where the originating fetcher needs to unmount.

View Transition API

We have released not one, but two minor versions of Remix since our last Newsletter where we announced v2.

In Remix v2.1.0 and React Router v6.17.0 we added unstable support for the experimental View Transitions API.

Brooks created a Video showing how you can #useThePlatform to create fun and delightful interactions for your users.

Showcase

We recently launched our showcase page full examples from companies, organizations, nonprofits, and indie developers who have built better websites with Remix.

Have you or your company built something you're proud of using Remix? We'd love to hear about it!

Talks from the team

  • Mark Dalgleish simplified Server Components last month at React Advanced London through a better mental model and straightforward code examples.
  • Remix NYC is celebrating 1 year of meetups, and our very own Pedro Cattori will be presenting on "Vital DX".
  • Matt Brophy and Pedro Cattori are double featuring at RVJS on November 17th to tell other engineers how we at Remix approach breaking changes and developer experience (DX).

Learn Remix from a Pro

epicweb

Epic Web

Remix co-founder Kent C. Dodds has released "Epic Web: Full Stack Vol 1", an incredibly comprehensive course on shipping modern full-stack web applications (with or without Remix).

This workshop series takes you from the frontend to the backend through building the Epic Stack app from scratch. Super practical exercises. Building up to exactly how I build Epic web apps.

Today is the last day to get 20% off Epic Web, so don't hesitate to check it out!

build_ui

Build UI

Sam Selikoff just finished a new course "Ship an app with Remix" on Build UI. As a special offer to the Remix community, Build UI is offering one of Sam's best lessons for free: Adding an authenticated state - Ship an app with Remix

In this course you'll learn the fundamentals of Remix by building a personal Work Journal app. You'll set up a database, render pages with dynamic data, use actions and forms to write user input back to the database, explore nested routing, learn how to render custom error pages, and finish by adding authentication and deploying your app.

And the best part is, a Build UI license is a one-time purchase that gives you access to all of their courses, forever

Fresh code

We have a number of exciting proposals in the Official RFCs. Here are just a few longtime Remix users are particularly excited about

Want to hear more or provide feedback? Join us Tuesday, November 7th from 9am - 10am PT on YouTube for Roadmap Planning with Ryan and Michael.