Reanimated 4 is here to change the way we build animations in React Native. With CSS-style animations and transitions, animations are now easier to write, more predictable, and work more like they do on the web.

In this episode, Ola Desmurs-Linczewska (https://x.com/p_syche_) sits down with Tomasz Zawadzki (https://x.com/tomekzaw_) and Mateusz Łopaciński (https://x.com/MatiPl01) from Software Mansion to discuss what’s new in Reanimated 4, why React Native is moving toward web standards, and what these changes mean for developers.

We talk about:
💜 Why Reanimated 4?—the motivation behind CSS-based animations and what problems they solve.
💜 How CSS animations & transitions work in React Native—use the syntax you already know!
💜 New Architecture-only support—why the old architecture is gone and what it means for migration.
💜 Aligning React Native with web standards—how Meta and the community are making React Native more like the web.
💜 Modularity and the future of Reanimated—splitting the library into smaller packages for better maintainability.
💜 Migration tips and developer experiments—how to upgrade, test new features, and start using CSS animations today.

Reanimated 4 is in beta now, so experiment with it and share your impressions in the comments!
Check out episode resources on our website 🧠 https://hubs.li/Q036Kc1k0 
Share your feedback on this episode ✨ https://bit.ly/fdbck48 
Become a speaker at React Universe Conf 2025 🎟 https://sessionize.com/react-universe-conf-2025/ 

Check out other episodes of our podcast 🎧 https://hubs.li/Q036KbNK0 
Sign up for Callstack newsletters ✉️  https://hubs.li/Q036KbNW0   
Follow us on X 🐦 https://twitter.com/callstackio  



Reanimated 4 is the Future of Smooth React Native Animations | React Universe On Air #48

React Universe On Air is your go-to podcast about building cross-platform apps with React and React Native, featuring practical lessons, forward-looking ideas, and talks with industry leaders.