Mateusz Łopaciński

@bygregorr @swmansion It was a CSS transition running for opacity changes. All views were re-rendered a few times per second (you can see the exact number of re-renders per second on the video). CSS transitions can be triggered only via react renders. Support for CSS animations will be added soon.

@swmansion not sure if the 25-to-120 gain holds outside declarative tweens scroll-linked or gesture-driven stuff usually keeps the JS thread involved and eats that headroom fast. what animation type was the demo actually running?

Reanimated 4.4.0 is here and it can push CSS animations straight to Core Animation on iOS! ✨ What else? Animation Backend integration (behind a flag), useTimestamp hook, and precompiled headers cutting C++ build times on Android. Check out the demo with 25 vs 120 FPS on the UI Thread ⬇️

@TheFireAndCode And yes, we plan to add support for Android's Animator API as well. We just wanted to start with something that works and iterate on it adding support for more properties, and eventually, for Android.

@MatiPl01 This is amazing! so it would be as perfomant as github.com/AppAndFlow/rea…? would you consider pushing to Animator on android too?

One of the things I've been working on just landed in Reanimated 4.4.0 🚀 CSS transitions on iOS can now run via Core Animation. Scope is small for v1 - transitions only, opacity only - but more is coming soon, including CSS animations and other properties. Stay tuned!

@TheFireAndCode Hey! Yes, it should be similarly performant to react-native-ease for platform-supported properties. All remaining properties will be updated in the old way so the user doesn't have to think which props can be animated and Reanimated will use the optimal path automatically.

In mature React Native codebases, agents can be helpful for spotting technical debt that’s easy to miss during fast-paced feature work. You can get some quick wins especially if you use skills like react-native-best-practices from Software Mansion. A few short examples below 👇

We just released Argent, FOSS MCP toolkit for everything from controlling to profiling and debugging your iOS apps. We've got 60 tools and 9 skills, so lots of things to test out. React Native works out of the box. Native iOS too. argent.swmansion.com

@tell_me_mur @wisniewskij514 I will raise a topic during our meeting. I suspect we won't support different API than the react-strict-dom one but maybe it's worth discussing before making the release.

@MatiPl01 @wisniewskij514 @MatiPl01 as a separate props, for example

Little sneak peek at CSS Pseudo-Selectors I'm currently implementing in Reanimated 🕵️ It uses Reanimated CSS Transitions under the hood. You can specify common interactions like 'hover', 'focus' or 'active' with just a few lines of code 😇

@tell_me_mur @wisniewskij514 Do you have something specific on your mind? We try to follow the convention established by react-strict-dom: #style-value-object" target="_blank" rel="nofollow noopener">facebook.github.io/react-strict-d…

@wisniewskij514 Is it a final syntax ? Maybe you can provide better alternative

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-h… More details in the thread 👇

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 code And that's not all – check out the full release notes! ⬇️

We just released Reanimated 4.3.0-rc.0 and Worklets 0.8.0-rc.0. They come with a lot of features and optimizations but we want to make sure we didn't ship any breaking changes. Please let us know if upgrading to these RC versions causes any issues. List of what to watch for 👇🧵

Excited to release react-native-reshuffled! 🔀✨ Easily handle dynamic grid reordering in react native. Blazingly fast and buttery smooth 🧈 Built with @swmansion reanimated, gesture handler and nitro-modules. Check out the demo! 👇 npmjs.com/package/react-…

If you liked the blogpost, I have more good news for you 🔥 We have just published a new version of react-native-worklets with tons of improvements for the Bundle Mode - now you can do network request on Worklet Runtimes, a feature that was requested long time ago!

We’re happy to have helped bring React Native support to HarmonyOS NEXT. ⚛️🚀 Together with @Huawei, we worked on React Native OpenHarmony, contributing to its core implementation and porting key libraries for smooth app performance. Read more 👇 blog.swmansion.com/huawei-x-softw…

Animate your headers, exactly the way you imagine them! ✨ React Native Header Motion is my new library for building custom header animations driven by scroll – from single lists to multi-tab collapsible layouts where header animations stay in sync with your scroll views. 👇

Reanimated 4.2.0 is here, and it brings gifts! 🔥 🎁 Long-awaited Shared Element Transitions 🎉 Not production-ready yet, so they’re behind a feature flag. Please, test it out and give us feedback! 🎁 Experimental performance fixes, inspired by real apps. 🎁 Other improvements like: string values introduced to useAnimatedStyle to animate transform & filter. Read our blog below for more details, test the SETs out, and let us know what you think! 👇

𝙰𝚗𝚒𝚖𝚊𝚝𝚎𝚍.𝚃𝚎𝚡𝚝 has been achieved internally in Reanimated 📈

We’ve just published expo-quest-core, which makes it easier to create Expo apps for Meta Quest. Check out the blog post for details! 👇 blog.swmansion.com/how-to-add-met…