Remix Newsletter #17

Fresh features, loads of bug fixes, more Remix videos, open sourcing our website, and new meetups — this newsletter is packed. Let’s dive in 💿

Remix v2.5.0, v2.5.1, & v2.6.0

We have shipped a ton of new features as well as over 30 bug fixes and changes to our Vite plugin. We are incredibly close to stabilizing the Vite plugin, especially now that we’ve added Cloudflare support.

Checkout the full Release Notes ↗

SPA Mode

When most of the React industry was focused on Static Site Generation and pure Single Page Apps, Michael and Ryan decided to make Remix a server-first framework. Now we’re excited to come full circle and offer yet another lever for you to pull with Remix: SPA Mode. SPA mode is useful if:

You don’t want to manage a server and prefer to deploy your app via static files on Github Pages or another CDN
You don’t want to run a Node.js server
You want to migrate a React Router app to Remix
You’re developing a special type of embedded app that can’t be server rendered

Checkout the SPA Mode docs ↗

Vite Plugin Updates

We have put a lot of time and effort into preparing the Remix Vite Plugin to be stable and make sure it’s flexible enough for a variety of users, runtimes, and platforms. Here are a few highlights of what we’ve released since the last newsletter:

Server Bundles
Cloudflare Support
Presets (unstable)

Checkout the latest Vite docs ↗

Open Sourcing the Remix Website

We open sourced the Remix Website last week and have already received over 10 PRs with nice quality-of-life improvements. Say hello to searching docs on your phone.

Open sourcing our website allows us to provide a real-world Remix site to learn from. It also gives us an opportunity to more easily gather feedback and contributions from the community. An added bonus is you can now dive into the logic that drives our awesome landing page.

Read the blog post ↗

Remix Movies: build a movie browser with Remix

Ryan Florence screen sharing the Remix Movies app

Ryan is at it again with a follow up to his “Trellix” video series. This time he’s built “Remix Movies” to showcase various data loading and caching strategies to make your websites fast and snappy. In these videos he covers:

HTML from the server
out-of-order HTTP streaming
In-memory JavaScript cache
DOM sessionStorage cache
IndexedDB
HTTP Cache-Control

Watch Remix Movies ↗

Featured Remix Resource

Remix Utils by sergiodxa. A set of utility functions and types to use with Remix.run

Remix Utils, created and maintained by Sergio Xalambrí, is a grab bag of useful types, hooks, components, and other utilities to help you build better websites with Remix.

This library is full of helpful utilities you might not have known you needed, such as:

ClientOnly
CSRF functions
ExternalScripts
eventStream and useEventSource for Server-Sent Events

This is just the tip of the iceberg. And since each set of utilities is sub-packaged (e.g. "remix-utils/promise") you’re guaranteed to only import what you need. Even if you never install the package directly, the code and patterns are indispensable for almost every Remix site, making it well worth perusing the 50+ APIs.

Checkout Remix Utils ↗

Fresh code

We have some exciting features coming to Remix. Here are just a few to get you excited for what's next. If you want to know more, you can tune into our Roadmap Planning live streams.

Join our Roadmap Planning Tue, Jan 9th ↗

Connect at a Remix Meetups

Remix Meetups are in full swing again after many took a break over the holidays. These meetups are run voluntarily by members of the community all around the globe with in-person and online options.

Remix Vienna had their first meetup on Feb 2nd, and Remix Ghana is just starting up. Checkout our full list of meetups to see if there’s one near you: