React Native 0.83 has arrived, bringing exciting updates for mobile developers. This release integrates React 19.2, introduces new DevTools features, and adds support for Web Performance APIs and Intersection Observer (Canary). Notably, it's the first React Native release without any breaking changes for users. Dive into our Q&A to explore the key highlights and how they can enhance your development workflow.
What are the key highlights of React Native 0.83?
React Native 0.83 is packed with improvements across three main areas: a core React upgrade, enhanced debugging tools, and new API support. It includes React 19.2, which brings the <Activity> component and the useEffectEvent hook. For debugging, React Native DevTools now feature Network inspection and Performance tracing panels, allowing you to monitor requests and profile app performance directly. Additionally, the Web Performance APIs are now stable, and Intersection Observer is available as a Canary feature. A standout aspect is that this release introduces zero user-facing breaking changes, making it easier to upgrade. For more details, check the sections on React 19.2 features and DevTools features.
What new APIs does React 19.2 bring to React Native?
React 19.2 introduces two powerful APIs: <Activity> and useEffectEvent. The <Activity> component lets you split your UI into activities with controlled rendering priorities—supporting modes like 'visible' and 'hidden'. Hidden trees preserve state and defer updates, improving performance. The useEffectEvent hook solves a common pain point in useEffect: notifying external systems without causing the effect to re-run on every dependency change. It separates event logic from effect logic, keeping dependencies accurate and avoiding stale closures. Both APIs are documented in the React docs and are ready for production use. For more on <Activity>, see the dedicated section.
Is React Native affected by the recent React Server Components vulnerability (CVE-2025-55182)?
No, React Native itself is not directly impacted by CVE-2025-55182. This security flaw affects React Server Components packages like react-server-dom-webpack, react-server-dom-parcel, and react-server-dom-turbopack—none of which are used in React Native. However, if you manage a monorepo that includes these packages (for example, a project with both web and mobile apps), you should upgrade them immediately. The React Native team plans to update the dependency to React 19.2.1 in the next patch release (0.83.1) for extra safety. Always verify your dependency tree to ensure no vulnerable packages are present.
How does the new <Activity> component work?
The <Activity> component enables you to define parts of your app as activities that can be hidden or shown while preserving their state. It supports two modes: 'visible' (normal rendering) and 'hidden'. When set to hidden, React unmounts effects and defers all updates until the main thread is idle—but the component's state (like scroll position or input values) is preserved. This makes it ideal for tab switching, modals, or off-screen content. For example, a search results list hidden with <Activity mode='hidden'> will retain its selection and scroll position when re-shown. It's a cleaner alternative to conditional rendering with display: none or manual state management.
What problem does useEffectEvent solve?
A typical useEffect pattern involves notifying some external system (e.g., analytics, logging) about events that occur during rendering. Developers often add these event callbacks as dependencies, causing the effect to re-run unnecessarily when the event logic changes. Alternatively, they disable lint rules and omit dependencies, risking stale closures. useEffectEvent solves this by letting you extract the event part of the effect into a separate function that doesn't need to be listed as a dependency. The effect itself stays clean, and the event function always uses the latest props and state without triggering re-execution. This improves both correctness and performance, especially in complex components.
What new DevTools features are available in React Native 0.83?
React Native DevTools gains two major panels: Network and Performance. The Network panel shows all HTTP requests made by your app, including headers, payloads, and timing—similar to browser dev tools. The Performance panel lets you record and analyze traces of your app's rendering, scripting, and layout phases. These features work out of the box for all React Native apps without additional setup. They are especially useful for debugging slow load times, excessive network calls, or UI jank. Together, they bring React Native debugging closer to the web development experience. Future updates will likely add more advanced profiling capabilities.
Are there any breaking changes in React Native 0.83?
No breaking changes for end users—this is the first React Native release with zero user-facing breaking changes. That means you can upgrade to 0.83 without modifying your existing JavaScript code or configuration files. However, internal package changes (like dependency updates) may affect advanced monorepo setups or native module authors. The team also added stable support for Web Performance APIs (e.g., performance.mark() and performance.measure()) and a Canary version of Intersection Observer. These new APIs are opt-in and don't affect existing behavior. For a smooth upgrade, simply follow the standard migration guide—no major code rewrites needed.