● LIVE   Breaking News & Analysis
Farkesli
2026-05-05
Environment & Energy

React Native 0.85 Arrives: Enhanced Animation Engine, DevTools Upgrades, and More

React Native 0.85 brings a new shared animation backend, improved DevTools with multiple CDP connections, Metro TLS support, and breaking changes like Jest preset migration and Node.js version drops.

Overview of React Native 0.85

The React Native team has officially launched version 0.85, bringing a host of powerful enhancements and essential fixes. This release introduces a completely revamped animation system, relocates the Jest preset to its own package, and delivers several other improvements designed to streamline development workflows. Below, we break down the most significant updates and changes you need to know.

React Native 0.85 Arrives: Enhanced Animation Engine, DevTools Upgrades, and More

A New Animation Backend for Smoother Interactions

One of the standout features in React Native 0.85 is the introduction of a Shared Animation Backend, developed in close partnership with Software Mansion. This new internal engine fundamentally changes how animations are processed by both the Animated library and the Reanimated library. By centralizing the animation update logic into React Native's core, the new backend enables performance optimizations that were previously unattainable. Additionally, it ensures that the reconciliation process is thoroughly tested and remains stable across future React Native releases.

Animating Layout Properties with Native Driver

With this update, you can now animate Flexbox and positional properties using the native driver in Animated — a capability that was previously restricted. This means smoother animations for layout changes without compromising on performance. The example below demonstrates how to animate a view's width using the native driver:

import { Animated, Button, View, useAnimatedValue } from 'react-native';
function MyComponent() {
  const width = useAnimatedValue(100);
  const toggle = () => {
    Animated.timing(width, {
      toValue: 300,
      duration: 500,
      useNativeDriver: true,
    }).start();
  };
  return (
    <View style={{flex: 1}}>
      <Animated.View style={{width, height: 100, backgroundColor: 'blue'}} />
      <Button title='Expand' onPress={toggle} />
    </View>
  );
}

To try the new backend, you need to opt in by enabling the experimental channel of React Native as described on the experimental page. Note: This feature will only be available starting from React Native 0.85.1, which is expected shortly.

React Native DevTools Enhancements

The DevTools experience also receives a significant upgrade in version 0.85, with improvements aimed at boosting developer productivity and debugging capabilities.

Multiple CDP Connections

One of the most requested features now lands: support for multiple simultaneous Chrome DevTools Protocol (CDP) connections. This means you can now connect React Native DevTools, VS Code, and even AI-driven agents at the same time without ending any active session. The result is a more flexible and composable debugging environment that lets you use the best tools for each task.

Native Tabs on macOS

For macOS users, the desktop app has been recompiled to target macOS 26, and now includes system-level tab handling. You can merge multiple DevTools windows into a single window with tabs via Window > Merge All Windows, making it easier to organize your debugging sessions.

Request Payload Previews Restored

After a regression that disabled request body previews in the Network panel, Android users can once again inspect request payloads — a crucial feature for debugging network calls.

Metro Dev Server Now Supports TLS

Developers can now configure the Metro development server to accept a TLS object, enabling HTTPS for the dev server and WSS for Fast Refresh during development. This is particularly useful for teams that need to test secure features locally or work in environments requiring encrypted connections.

Breaking Changes in React Native 0.85

As with any major release, React Native 0.85 includes some breaking changes that require attention when upgrading.

Jest Preset Moved to a Dedicated Package

To simplify dependency management, the Jest preset has been extracted into its own package. If your project relies on the bundled Jest configuration, you will need to install the new preset package separately. Refer to the testing documentation for migration steps.

Dropped Support for End-of-Life Node.js Versions

React Native 0.85 no longer supports Node.js versions that have reached their end of life. Make sure your development environment uses a supported Node.js version (v18 or later recommended) to avoid issues.

StyleSheet.absoluteFillObject Removed

The utility StyleSheet.absoluteFillObject has been removed. Use StyleSheet.absoluteFill or manually define the style object with position: 'absolute', left: 0, right: 0, top: 0, bottom: 0 instead.

Other Breaking Changes

Additional minor breaking changes may affect some projects. Be sure to review the full release notes for a complete list.

Conclusion

React Native 0.85 represents a meaningful step forward for the framework, particularly with the new animation backend that promises smoother and more reliable animations. Combined with improved DevTools, TLS support for Metro, and necessary cleanup of outdated features, this release gives developers a more robust and modern toolkit. Upgrade today to take advantage of these new capabilities.