Reanimated aims to pair a CSS-style API, familiar to web developers, with Worklets for running arbitrary JavaScript on the UI runtime. The team is also developing deeper native integration, including using iOS Core Animation and its Render Server to run animation work on a separate thread.
Where Reanimated Goes Next
Speaker
Bartłomiej Błoniarz of Callstack discusses Reanimated’s roadmap, stability, shared element transitions, and AI coding tools with a host.
Błoniarz says migrating ecosystem libraries to React Native’s new architecture has been a major pain point, though that work is nearly complete. Callstack is working with Meta on a shared compatibility layer so Reanimated can be tested against changes in React Native core and become more stable.
Błoniarz describes Reanimated as a step up when projects need animation beyond React Native’s built-in Animated library. Shared element transitions are challenging because React keeps views within their rendered parent, while a transition moves an element between destinations. Unlike web View Transitions, which use snapshots, Reanimated aims to move the native view instance or create a copy that preserves state, which matters for keeping video playback continuous.
Błoniarz says he has used Claude and Cursor, and likes fast models for synchronous prototyping and quick iteration. He also uses them to diagnose linker and build configuration errors. Multiple agents can help with independent tasks, but animation work often requires manual checks, making parallel agent workflows harder to manage.
Takeaways
- A CSS-style API can make animation examples more accessible to developers coming from the web, while Worklets retain flexibility for custom UI-runtime logic.
- Native animation primitives may let React Native animations use platform-specific threading and performance capabilities.
- Shared element transitions require handling view identity and state across destinations, especially for continuously playing video.
- Compatibility testing against React Native core changes can help reduce integration-related stability issues.
- AI coding tools are most useful for rapid prototypes and well-scoped build fixes; manual animation checks can limit parallel agent work.
Mentioned in this talk
Search inside this talk
What was claimed 8
- featureReanimated: Its API supports web-like CSS animation patterns, while Worklets API allows arbitrary JavaScript execution on the UI runtime.
“Web examples are now almost one-to-one translatable to the Reanimated API.”
YouTube Unverified1 source· Talk
- integrates withReanimated integrates with Core Animation
“We are currently working on a feature where we want to make more use of the native primitives of each platform.”
YouTube Unverified1 source· Talk
- integrates withReanimated integrates with
Meta
“We're working closely with folks at Meta to make Reanimated work as a shared compatibility layer.”
YouTube Unverified1 source· Talk
- featureReanimated: The team is implementing shared element transitions mostly on the native C++ side.
“We're still trying to nail it down, and we're implementing it mostly on the native C++ side.”
YouTube Unverified1 source· Talk
- featureView Transitions API: Takes snapshots of views moving to another part of the document.
“What they do is take snapshots of the view that's moving to another part of the document.”
YouTube Unverified1 source· Talk
- usesBartłomiej Błoniarz uses
Codex
“I tried Codex briefly.”
YouTube Unverified1 source· Talk
- uses
“Recently I've been using Cursor.”
YouTube Unverified1 source· Talk
- uses
“I mostly used Claude.”
YouTube Unverified1 source· Talk










