Remix v3 Beta Released: A Full-Stack Framework Without React

Remix v3 Beta: Expanding Options for Full-Stack Development

On May 2, 2026, the Remix development team released the Remix v3 Beta Preview. This marks a significant shift from its earlier status as a meta-framework built on top of React and React Router to a completely standalone full-stack framework.

According to the official blog, Remix v3 aims to be in a state where “you can start building immediately after installing Remix.” The framework integrates essential features for web app development into a single package called remix. These features include a UI runtime, components, routing, authentication, forms, data layers, testing, and a CLI.

Breaking Away from React: Embracing Web-Standard APIs

The most significant change in Remix v3 is that it no longer uses React or React Router internally. Instead, it is built on a lightweight runtime that utilizes web-standard APIs. For instance, the Web Animations API is used for animating elements, the HTML popover attribute for managing popovers, the fetch API for server communication, and web-standard Request/Response objects for routing.

This design philosophy—“let the browser handle what the browser can handle”—eschews the implementation of a custom virtual DOM. Instead, developers interact directly with the web platform through a JSX-like layer. Once installed via npm install remix, developers can leverage various specialized subpaths such as remix/ui, remix/data-schema, remix/fetch-router, and remix/auth.

Revamped Component Model: Separation of Setup and Rendering

Remix v3 introduces a two-tiered component model consisting of an outer “setup function” and an inner “render function.” The setup function runs once during mounting and handles tasks like state initialization and subscribing to external stores. The render function, on the other hand, is called during each re-render and defines the rendering logic.

This approach simplifies scenarios where developers previously preemptively used React’s useMemo or useCallback. State management has also been streamlined, replacing the useState hook with straightforward local variables and explicit calls to handle.update(). By separating changes from re-renders, developers can more easily track what is happening in their applications.

State Sharing and Resource Management

To share state across multiple components, developers can create a class that extends EventTarget and dispatch change events when updates occur. Components can subscribe to these events and re-render as needed. Additionally, an AbortSignal is provided, which automatically invokes abort() when components are unmounted, simplifying resource cleanup.

Hands-On Testing: Validating with a Task Manager App

The author tested Remix v3 beta by rewriting a previously created task manager app and documented the process. The demo app, repository, and migration pull request are publicly available, allowing others to evaluate the framework’s practicality through real-world code changes.

The release of Remix v3 beta introduces a compelling new option for full-stack development. Its design, free from React dependency, has the potential to reduce bundle sizes and improve compatibility with web standards. The forthcoming stable release and the growth of its ecosystem will be closely watched by the development community.

FAQ

Q: Is it easy to migrate from a React app to Remix v3 beta?
A: Since Remix v3 does not use React internally, existing React apps cannot be directly migrated. Developers will need to rewrite their code due to differences in the component model and state management approach. However, the JSX-like syntax should make it relatively easy for those experienced with React to adapt.

Q: Can Remix v3 beta be used in production environments?
A: Currently, Remix v3 is in the beta preview phase and is not recommended for production use. The APIs and features may still undergo changes, so it is best suited for development and testing purposes. Waiting for the stable release is advisable for production projects.

Q: What are the main advantages of Remix v3 beta?
A: By removing its dependency on React and React Router, Remix v3 can reduce bundle sizes and take full advantage of web-standard APIs. With essential functionalities integrated into a single package, the framework simplifies the development setup, enabling developers to start building immediately.