Remix Newsletter #39

Welcome to Remix Newsletter #39!

In this short and sweet newsletter we'll update you on the latest React Router release, show off our new React Router Agent Skills, share progress on Remix 3, and highlight the new remix.run homepage.

Let's go! 💿

React Router 7.13.0

New Features

The Links component now supports a crossOrigin prop, giving you more control over how your link resources are loaded. This is especially useful when loading assets from different origins with specific CORS requirements.

Bug Fixes & Improvements

• Fixed double slash normalization for useNavigate paths that contain a colon
• Fixed missing nonce on inline criticalCss for improved CSP compliance
• Origin check failures now return a more appropriate 400 status instead of 500
• Loosen allowedActionOrigins glob check so ** matches all domains
• Route file paths are now correctly resolved when the routes directory lives outside the app directory
• Dependency updates for @remix-run/node-fetch-server

Check out the full React Router changelog ↗

React Router Agent Skills

We recently released some Agent Skills for working with React Router's 3 modes: Declarative, Data, and Framework.

These skills teach AI coding agents how to use frameworks and libraries correctly. Instead of relying on potentially outdated training data, agents can reference these skills for accurate, up-to-date patterns.

To get started, add the appropriate skill to your project:

Contribute to React Router Agent Skills ↗

Remix 3 Alpha

In case you haven't noticed, we've started releasing a few alpha version of Remix 3. You can try it out now by running npm install remix@next.

Here's just a few of the most recent additions and improvements:

• Single package - When you install remix you get access to the entire suite of packages that make up the Remix framework. This includes everything from routing and middleware to file handling, form parsing, session management, and components.
• Smarter route matching - Route patterns now include specificity comparison functions and rich metadata for better, more predictable matches. Performance has been drastically improved, particularly for larger sets of routes.
• Built-in animations - Remix components now come with an animation prop that enables performant enter, exit, and layout (FLIP) animations on host elements. Use spring() for physics-based animations with configurable stiffness, damping, and mass. Or use tween() for time-based animations with custom duration and easing presets.
• Cleaner APIs - Simplified and more consistent APIs across the framework, including a unified component shape with a clearer separation between setup and render, better TypeScript generics, streaming-first file handling, more modular header utilities, and improved event handling patterns.

These are alpha releases with breaking changes, so they're not production-ready yet. However, if you're interested in seeing the shape of Remix so far and not afraid of a few sharp edges, go ahead and give it a whirl.

Check out the Remix repo ↗

Remix.run Update

As we're gearing up for the release of Remix 3, we figured now is a good time to refresh the ol' remix.run homepage.

Creating this teaser page also gave us a good opportunity to quickly tell the story of Remix and React Router in a single graphic.

The story of Remix v2 merging into React Router and now Remix 3 being something new can be a little confusing if you haven't been paying attention. We find that thinking of it in terms of a feature branch to be more helpful. This idea led to the creation of our F1-inspired racetrack version of the story (there's a lot of racing themes if you can't tell).

You can still find the old remix homepage (we're too proud of it to delete it).

Check out the new remix.run homepage ↗

Connect at a Remix Meetup

Remix Meetups are run voluntarily by members of the community all around the globe with in-person and online options. These meetups feature local speakers, hackathons, workshops, and more!

Find a meetup near you ↗

No meetups near you? Reply to this email if you are interested in starting your own meetup. We've even created some guides to help you get started.

Starting a New Remix Meetup ↗

If you enjoy getting this email, please let us know! We'd love to hear from you, what you like about Remix and these updates, and any suggestions you have to improve them.

- The Remix Team