2026-04-03 · #26
React Native Weekly #26 reactnative.run Browser, Reanimated v4.3.0, SplitView React Navigation and more
Type-Safe State Sharing Between Native and React Native with Brownie#
A method for sharing state in a type-safe way has been introduced for React Native brownfield apps (apps where React Native is embedded inside an existing native app).
The demo shows how incrementing a counter from the React Native side syncs to the native side in real time.
Type-safe shared state for React Native brownfield apps: now across iOS and Android (with Kotlin support). Less glue code, fewer mismatches. Take a look 👀 Link to the full article below 👇
Production-Ready Improvements in Unistyles 3.2.0#
Unistyles 3.2.0 includes the removal of a retained jsi::Runtime on the C++ side and support for Suspense trees.
Several other improvements are also included, such as dropShadow support.
I've just dropped Unistyles 3.2.0 (it's not a joke!): - remove stored jsi::Runtime on C++ side - support for Suspense trees - community contribution about RTL ShadowTree updates - support for dropShadow - nitro 0.35.2 support Enjoy! 🥳 github.com/jpudysz/react-nativ…
React Native Reanimated v4.3.0 Released#
Several new features have been added, including CSS animation support for SVG and easier animation control across multiple threads.
Reanimated 4.3.0 is out with a lot of exciting features! 🚀 ✦ CSS animations for SVG components – animate vector graphics with just a few lines of code ✦ Shared Values on multiple threads at once – easily control animations in apps that already have a lot of multithreaded
React Native Header Motion v1 Released#
React Native Header Motion v1 is now available, making it easy to add scroll-driven header animations to your app.
Implementing this kind of thing can get tricky when tabs are involved, so this library is a welcome addition.
React Native Header Motion v1 is out 🎉 Build scroll-driven animated headers your own way! 🖐️ New in v1: header panning Users can drag the header itself to scroll, making the gesture feel continuous with the scrollable. 🗒️ pawicao.github.io/react-native… More details in the thread 👇
react-native-fast-confetti v2 Released#
The API has been rewritten using a composition pattern, and the physics engine has been rebuilt from scratch.
This results in a simpler API and more natural animations.
react-native-fast-confetti v2 is here. v1 had two fundamental problems: 1. Every new feature made the API more complex 2. Animations looked mechanical because they were driven by linear timing + easings I've been working on this rewrite for a while. Here's what changed 👇
Using Expo UI: Text Animations with SwiftUI#
You can use SwiftUI’s Text component via Expo UI to easily set up text animations.
A fallback is needed for non-iOS platforms, but it’s great that Expo UI makes it so straightforward to work with native UI components.
this react native tip just saved me hours of work. no need to reinvent the wheel when you can just go native. @expo keeps getting better and better every year 👏 ``` import { Text } from '@expo/ui/swift-ui' <Text modifiers={[ contentTransition("numericText"), twitter.com/hewad_mubariz/stat…
reactnative.run Launched — Run React Native in the Browser#
RapidNative, a service offering Vibe Coding for React Native, has launched reactnative.run, which lets you run React Native directly in the browser.
This could be really useful if you want to self-host a tool like Expo Snack, or build your own Vibe Coding app like RapidNative.
Introducing reactnative.run 🚨 (open-source) The fastest way to run React Native / Expo apps in the browser. Metro bundler mapped to the web with HMR, Expo Router, assets, source maps! Go and try it now!
Context Menu Support Added to react-native-enriched-markdown#
A contextMenuItems prop has been added to react-native-enriched-markdown.
This allows you to trigger custom actions when text is selected.
Level up your Markdown experience in React Native! 🚀 New contextMenuItems prop is here for react-native-enriched-markdown. Now you can trigger custom actions on any selected text in both Text and Input components. Check out this "Summarize with AI" demo using
SplitView Support Coming to React Navigation#
React Navigation is planning to add support for iOS SplitView.
Native iOS split view is coming to React Navigation 🔜 Powered by React Native Screens 🫶 Let us know your use cases so we can test and ensure that the API is suitable for a wide range of usage 👇
react-native-reshuffled v0.2.0 Released#
Version 0.2.0 of react-native-reshuffled, a feature-rich grid layout library with drag-and-drop support, has been released.
It leverages Nitro Modules and react-native-worklets to achieve high performance.
react-native-reshuffled 0.2.0 is here 🚀 Introducing onDragEnd callbacks based on @swmansion react-native-worklets But that's not all: Collisions, custom algorithms and more 👀 Check out new demo and visit github.com/Guccio163/react-nat…, for more details, we are so close to 100⭐️
Upcoming agent-device Version Will Exclude Off-Screen Elements from Agent Context#
The next version of agent-device will filter out off-screen elements before passing information to the agent.
This brings the following benefits:
- Lower error rates when exploring the app
- Up to 80% reduction in token usage with long lists
- More human-like agent behavior
In the next version of agent-device: we hide off-screen elements from agents This single change: → reduces error rates for agent exploring apps → reduces token usage by up to 80% for long lists → makes agents behave more human-like
One More Thing#
Lately, Rozenite and agent-device have become essential parts of my development workflow.
Both are being actively developed and keep getting better and better — exciting times!