Gk.putty P4DocsEnvironment & Energy
Related
React Native 0.85 Arrives: Enhanced Animation Engine, DevTools Upgrades, and MoreZero-Emission Cement: A Step-by-Step Guide to Eliminating Direct Process CO₂10 Key Milestones in Kia’s Electric Vehicle Surge—From the EV9 to the Upcoming EV3Tesla Unveils Basecharger and Megacharger Pricing for Semi Truck Charging ProgramFrom Sea to Solid Ground: 6 Key Reasons V8 Replaced Its Oceanic CompilerV8's Mutable Heap Numbers: Turbocharging JavaScript PerformanceBridging the Gap: Why Climate Action Falters Despite Strong Public Support – A Practical GuideLeapmotor and Stellantis Join Forces for European Expansion and Beyond

React Native 0.85: Enhanced Animations, Updated Tooling, and Key Changes

Last updated: 2026-05-05 21:15:22 · Environment & Energy

React Native 0.85 has arrived, bringing a host of new features, improvements, and necessary adjustments. This release introduces a new animation backend, moves the Jest preset to a dedicated package, and delivers several enhancements to developer tooling. Below, we break down the highlights and breaking changes you need to know.

Highlights

New Animation Backend

Developed in collaboration with Software Mansion, the new Shared Animation Backend powers animations under the hood for both Animated and Reanimated. By centralizing the main animation update logic within React Native core, Reanimated can now achieve performance improvements that were previously impossible. Additionally, this ensures the update reconciliation process is thoroughly tested and stable across future React Native updates.

React Native 0.85: Enhanced Animations, Updated Tooling, and Key Changes

With this backend, you can now animate layout properties—such as Flexbox and position—using the native driver. Below is a simple example:

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>
  );
}

More examples are available in react-native/packages/rn-tester/js/examples/AnimationBackend/. To opt in, enable the experimental channel of React Native (available starting from version 0.85.1, released soon).

React Native DevTools Improvements

The developer tools have received several notable upgrades:

  • Multiple CDP connections: Now supports simultaneous Chrome DevTools Protocol connections, enabling tools like React Native DevTools, VS Code, and AI agents to connect together without interrupting sessions. This facilitates richer, composable workflows.
  • Native tabs on macOS: The desktop app now compiles for macOS 26 and includes system-level tab handling. To use, navigate to Window > Merge All Windows when multiple DevTools windows are open.
  • Request payload previews: On Android, request body previews in the Network Panel have been restored after being disabled by a regression.

Metro TLS Support

The Metro development server can now accept a TLS configuration object, allowing HTTPS (and WSS for Fast Refresh) during development. This enhances security when testing on real devices or remote environments.

Breaking Changes

Jest Preset Moved to New Package

The Jest preset has been relocated from the core React Native package to its own dedicated package. If you rely on this preset in your tests, update your import paths accordingly.

Dropped Support for EOL Node.js Versions

React Native 0.85 no longer supports Node.js versions that have reached their end-of-life. Ensure your development environment uses a supported Node.js version (14.x or later recommended).

StyleSheet.absoluteFillObject Removed

The legacy StyleSheet.absoluteFillObject has been removed. Use StyleSheet.absoluteFill or the equivalent style object instead.

Other Breaking Changes

For a complete list of additional breaking changes, refer to the official React Native changelog.