Loading video...

Video Failed to Load

Go Home

Finally got to build this. Create animations that use Core Animation on iOS and Animator on Android with zero JS overhead. Same animation. But one keeps running smoothly even when the UI thread is lagging. Introducing react-native-ease 🍃

janicduplessis's profile picture

Janic

4,730 subscribers

92,722 views • 5 months ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

We showed react-native-bottom-sheet at App.js, and it's ready to use today, built with support from Gobi. The sheet host, gestures, snapping and scrolling all run in native code, so drags stay smooth even when the JS thread is busy. Let's do a deep dive 🧵
0:14

We showed react-native-bottom-sheet at App.js, and it's ready to use today, built with support from Gobi. The sheet host, gestures, snapping and scrolling all run in native code, so drags stay smooth even when the JS thread is busy. Let's do a deep dive 🧵

Software Mansion

19,407 views • 1 month ago

Android vs. iOS app quality difference [Part 8] This one is about two highly-requested media apps: Spotify and Netflix. Netflix is miles better on iOS, but Spotify is about the same in my opinion because each version has one extra feature that's absent on the other. Netflix: - Netflix on iOS has a very modern design. Cool animations while logging in, and 3D parallax effect on the main title shown on the homepage. Nothing like this on the Android version. - You can use gestures to navigate the titles as shown in the video, and it's coupled with cool animations. Absent on the Android app. Spotify: - On the iOS app, you can use swipe up/down gestures to navigate between the mini-player and main music player UI. Can't do that on Android. - However, on the Android app, you can like a song directly from the notification panel - which is very useful. You can add a song you like to your Liked playlist directly without having to open the app. I believe this is on Apple alone, since they don't allow adding shortcuts like that to media player. Which app would you like me to do next? Let me know below!
0:22

Android vs. iOS app quality difference [Part 8] This one is about two highly-requested media apps: Spotify and Netflix. Netflix is miles better on iOS, but Spotify is about the same in my opinion because each version has one extra feature that's absent on the other. Netflix: - Netflix on iOS has a very modern design. Cool animations while logging in, and 3D parallax effect on the main title shown on the homepage. Nothing like this on the Android version. - You can use gestures to navigate the titles as shown in the video, and it's coupled with cool animations. Absent on the Android app. Spotify: - On the iOS app, you can use swipe up/down gestures to navigate between the mini-player and main music player UI. Can't do that on Android. - However, on the Android app, you can like a song directly from the notification panel - which is very useful. You can add a song you like to your Liked playlist directly without having to open the app. I believe this is on Apple alone, since they don't allow adding shortcuts like that to media player. Which app would you like me to do next? Let me know below!

Adan

377,414 views • 3 years ago

In their OxygenOS 16 keynote, OnePlus rigged the animation test against One UI. Shameful. They intentionally used navigation buttons, then entered a full screen app where the buttons got hidden, then kept pressing on an empty spot — and pretended that it’s lagging. 💀 One UI 8 is peak Android experience right now. It’s the most stable mobile software out there. Doing cheap stunts like this ain’t changing nobody’s mind.
0:13

In their OxygenOS 16 keynote, OnePlus rigged the animation test against One UI. Shameful. They intentionally used navigation buttons, then entered a full screen app where the buttons got hidden, then kept pressing on an empty spot — and pretended that it’s lagging. 💀 One UI 8 is peak Android experience right now. It’s the most stable mobile software out there. Doing cheap stunts like this ain’t changing nobody’s mind.

Adan

335,984 views • 9 months ago

In One UI 8 ZYF1, a major animation bug is finally gone. When the app-opening animation was in progress, users could not perform any operations on the screen, such as going back. During this time, the screen was unresponsive. Users had to wait for the animation to finish before interacting with the screen.
0:10

In One UI 8 ZYF1, a major animation bug is finally gone. When the app-opening animation was in progress, users could not perform any operations on the screen, such as going back. During this time, the screen was unresponsive. Users had to wait for the animation to finish before interacting with the screen.

Tarun Vats

14,200 views • 1 year ago

Bone Tide is officially out on the App Store and Google Play 🎉 The React Native Expo version runs on the exact same TypeGPU engine as the Web game, shared 1:1 between both platforms. Only the UI was ported to React This was made possible by some amazing work across the React Native open source ecosystem. Huge thanks to William Candillon for react-native-webgpu and for always helping me resolve any issues incredibly quickly :D I think it’s a pretty cool showcase of what can be built with React Native nowadays. More details about the libraries used in the 🧵 featuring what might be the ultimate Software Mansion stack iOS: Android: Web:
0:16

Bone Tide is officially out on the App Store and Google Play 🎉 The React Native Expo version runs on the exact same TypeGPU engine as the Web game, shared 1:1 between both platforms. Only the UI was ported to React This was made possible by some amazing work across the React Native open source ecosystem. Huge thanks to William Candillon for react-native-webgpu and for always helping me resolve any issues incredibly quickly :D I think it’s a pretty cool showcase of what can be built with React Native nowadays. More details about the libraries used in the 🧵 featuring what might be the ultimate Software Mansion stack iOS: Android: Web:

Konrad Reczko

54,476 views • 9 days ago

Samsung should straight away copy this animation from iPhone. The transition from lock screen to Home Screen is so seamless smooth and feels alive. Whereas Samsung feels like it’s confused what to show and even if it does smoothly it feels life less and plain. One UI 8.5 & iOS 18
0:12

Samsung should straight away copy this animation from iPhone. The transition from lock screen to Home Screen is so seamless smooth and feels alive. Whereas Samsung feels like it’s confused what to show and even if it does smoothly it feels life less and plain. One UI 8.5 & iOS 18

Maaz Perwez

84,922 views • 5 months ago

Introducing React Native Streamdown – our new streaming-ready Markdown library 🚀 We’ve built it on top of RN Enriched Markdown, remend, and Worklets Bundle Mode to fix the "streaming jank" in AI apps. 🔹 Zero UI lag – background processing via Worklets. JS thread stays 100% free 🔹 Smart streaming – powered by remend to correctly close tokens (bold, links, code) mid-stream 🔹 Lightning-fast md4c parsing with 100% native text & interactions
0:15

Introducing React Native Streamdown – our new streaming-ready Markdown library 🚀 We’ve built it on top of RN Enriched Markdown, remend, and Worklets Bundle Mode to fix the "streaming jank" in AI apps. 🔹 Zero UI lag – background processing via Worklets. JS thread stays 100% free 🔹 Smart streaming – powered by remend to correctly close tokens (bold, links, code) mid-stream 🔹 Lightning-fast md4c parsing with 100% native text & interactions

Software Mansion

29,501 views • 5 months ago

One UI, including One UI 8.5, has a long-standing issue with the back gesture: lag. My finger moves, but the animation lags and doesn't follow the finger's response. This puts it behind all other OSes. Comparing One UI 8.5 with vivo's OriginOS5 and OriginOS6 reveals that Samsung's gesture response is the slowest, and I haven't been able to resolve the issue with Home Up. Samsung needs to optimize this. Another problem is that the icons in Samsung's animation are too ugly when they are shrunk. The icons are forcibly stretched to cover the page. Samsung borrowed this from OriginOS 5 at the time, but vivo fixed the problem in OriginOS6, and Samsung One UI 8.5 still has no improvement.
0:14

One UI, including One UI 8.5, has a long-standing issue with the back gesture: lag. My finger moves, but the animation lags and doesn't follow the finger's response. This puts it behind all other OSes. Comparing One UI 8.5 with vivo's OriginOS5 and OriginOS6 reveals that Samsung's gesture response is the slowest, and I haven't been able to resolve the issue with Home Up. Samsung needs to optimize this. Another problem is that the icons in Samsung's animation are too ugly when they are shrunk. The icons are forcibly stretched to cover the page. Samsung borrowed this from OriginOS 5 at the time, but vivo fixed the problem in OriginOS6, and Samsung One UI 8.5 still has no improvement.

Ice Universe

61,006 views • 9 months ago

let's talk about Galaxy S23 Ultra One UI 6 Beta2 animation. Here is the video comparison, from which we can find several mistakes. 1. Compared with One UI 5.1, One UI 6 Beta2 gestures are unresponsive. Obviously, 5.1 has started to respond, and 6 beta2 stays in place like a fool. This is the root cause of the slowness you feel. 2. Compared with One UI 5.1, One UI 6 Beta2 animation is very simple, without the effect of wallpaper scaling, it looks very rigid and boring. 3. Compared with One UI 5.1 ，One UI 6 Beta2, there is almost no Gaussian blur effect. This is simply an animation made by elementary school students. It is the lowest-level design of human smartphone animation, and it is a garbage-level work that makes all colleagues laugh. Of course, I think Samsung will definitely change, but he is disgusting now. if beta3 does not change, I will continue to scold.
0:10

let's talk about Galaxy S23 Ultra One UI 6 Beta2 animation. Here is the video comparison, from which we can find several mistakes. 1. Compared with One UI 5.1, One UI 6 Beta2 gestures are unresponsive. Obviously, 5.1 has started to respond, and 6 beta2 stays in place like a fool. This is the root cause of the slowness you feel. 2. Compared with One UI 5.1, One UI 6 Beta2 animation is very simple, without the effect of wallpaper scaling, it looks very rigid and boring. 3. Compared with One UI 5.1 ，One UI 6 Beta2, there is almost no Gaussian blur effect. This is simply an animation made by elementary school students. It is the lowest-level design of human smartphone animation, and it is a garbage-level work that makes all colleagues laugh. Of course, I think Samsung will definitely change, but he is disgusting now. if beta3 does not change, I will continue to scold.

Ice Universe

121,124 views • 2 years ago

Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion *as* the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️
0:19

Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion *as* the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️

Una 🇺🇦

38,727 views • 8 months ago

The 𝚎𝚡𝚙𝚘-𝚠𝚒𝚍𝚐𝚎𝚝𝚜 alpha is here! Now you can build iOS home screen widgets and Live Activities as React components. No separate Xcode target. No manual App Groups. No SwiftUI layout code. Write your widget in @expo/ui, and Continuous Native Generation handles the rest. ◆ Interactive buttons and toggles on the home screen ◆ Live Activities for the Lock Screen and Dynamic Island ◆ One React component, native rendering under the hood Details and code to get started in the blog below ↓
0:16

The 𝚎𝚡𝚙𝚘-𝚠𝚒𝚍𝚐𝚎𝚝𝚜 alpha is here! Now you can build iOS home screen widgets and Live Activities as React components. No separate Xcode target. No manual App Groups. No SwiftUI layout code. Write your widget in @expo/ui, and Continuous Native Generation handles the rest. ◆ Interactive buttons and toggles on the home screen ◆ Live Activities for the Lock Screen and Dynamic Island ◆ One React component, native rendering under the hood Details and code to get started in the blog below ↓

Expo

109,621 views • 5 months ago

If typing fast in your app feels like wading through mud, you need useNativeState. Every TextField in RN has felt slightly off for years; Expo UI just shipped the fix with the new useNativeState hook. Instead of trying to keep the native input and react state in sync on each keystroke, useNativeState handles the state completely on the native side. React (JS thread) only reads the value when it needs it e.g. onSubmit, using a lightweight reference. Make your app faster, read the full blog ↓
0:16

If typing fast in your app feels like wading through mud, you need useNativeState. Every TextField in RN has felt slightly off for years; Expo UI just shipped the fix with the new useNativeState hook. Instead of trying to keep the native input and react state in sync on each keystroke, useNativeState handles the state completely on the native side. React (JS thread) only reads the value when it needs it e.g. onSubmit, using a lightweight reference. Make your app faster, read the full blog ↓

Beto

33,573 views • 2 months ago

Heyo exciting news! Just released my react-native-godot library to the world! Available on npm, just `yarn add react-native-godot` and you’re (almost) good to go :) Basically, you can embed any Godot projects on iOS (Android coming soon) into your React Native app, It supports multiple Godot views at the same time, full styling (you get flex box multiple Godot views and update their layout dynamically) Still pretty early but I think it’s already enough to hack around with it. If you have any questions or issues feel free to dm me. Alsoo, give us a star on Github if you support the initiative 😊
0:13

Heyo exciting news! Just released my react-native-godot library to the world! Available on npm, just `yarn add react-native-godot` and you’re (almost) good to go :) Basically, you can embed any Godot projects on iOS (Android coming soon) into your React Native app, It supports multiple Godot views at the same time, full styling (you get flex box multiple Godot views and update their layout dynamically) Still pretty early but I think it’s already enough to hack around with it. If you have any questions or issues feel free to dm me. Alsoo, give us a star on Github if you support the initiative 😊

𝒔𝒆𝒃 🔮

48,096 views • 1 year ago

iOS vs. Android app quality difference. I don’t get why devs discriminate even in little things like this. - On WhatsApp for iOS, you can swipe left on a message to quickly see delivered, read, and voice message heard status. Very useful in group chats. - On WhatsApp for Android you have to tap and hold the message, select 3-dots, then select Info to see the same thing. I get it when devs can’t put iOS’s design language or animation quality in their Android apps, but things like these should be pretty easy to implement. Maybe it’s because they thought this gesture might interfere with Android’s back gesture, but I believe there’s a clear distinction between swiping from the edge and swiping in the middle of a message.
0:10

iOS vs. Android app quality difference. I don’t get why devs discriminate even in little things like this. - On WhatsApp for iOS, you can swipe left on a message to quickly see delivered, read, and voice message heard status. Very useful in group chats. - On WhatsApp for Android you have to tap and hold the message, select 3-dots, then select Info to see the same thing. I get it when devs can’t put iOS’s design language or animation quality in their Android apps, but things like these should be pretty easy to implement. Maybe it’s because they thought this gesture might interfere with Android’s back gesture, but I believe there’s a clear distinction between swiping from the edge and swiping in the middle of a message.

Adan

382,431 views • 3 years ago

Here are the steps to create this animation: 1. Design and model your own mech in Plasticity. 2. Import the model into the animation software 3ds Max. 3. Create the animation on your own. 4. Render and export the monochrome model animation. 5. Make the final render for reference. 6. Use Seedance 2 to re-render your monochrome model animation according to the reference render you provided. Summary: In this workflow, Seedance 2 acts as a renderer that saves you hours of rendering time. All other work has to be done manually by yourself. Don’t blindly believe that AI can fully produce mech animations for you — it simply cannot do that.
0:18

Here are the steps to create this animation: 1. Design and model your own mech in Plasticity. 2. Import the model into the animation software 3ds Max. 3. Create the animation on your own. 4. Render and export the monochrome model animation. 5. Make the final render for reference. 6. Use Seedance 2 to re-render your monochrome model animation according to the reference render you provided. Summary: In this workflow, Seedance 2 acts as a renderer that saves you hours of rendering time. All other work has to be done manually by yourself. Don’t blindly believe that AI can fully produce mech animations for you — it simply cannot do that.

LAS91214

46,793 views • 2 months ago

You only need Sapling Tree Gen to make this, no fancy addons needed. BTW, In 5.x this amazing extension is bugged and cannot create animation, i guess it doesn't work with the new animation system. Come on I need this Blender 🔶 !!! (Actually you can create it with animation in 4.x, then copy paste it into 5.x. But that's lame)
0:11

You only need Sapling Tree Gen to make this, no fancy addons needed. BTW, In 5.x this amazing extension is bugged and cannot create animation, i guess it doesn't work with the new animation system. Come on I need this Blender 🔶 !!! (Actually you can create it with animation in 4.x, then copy paste it into 5.x. But that's lame)

trungduyng

30,413 views • 2 months ago

This animation style is one of the most original I've come across. It's not easy to find an aesthetic like this, one that grabs your attention from the very first frame. This animation was created using one of my Midjourney illustration styles and animated with Seedance 2.0 Mini on TopviewAI
0:15

This animation style is one of the most original I've come across. It's not easy to find an aesthetic like this, one that grabs your attention from the very first frame. This animation was created using one of my Midjourney illustration styles and animated with Seedance 2.0 Mini on TopviewAI

OscarAI

14,331 views • 1 month ago

⚽ Day 44 of building my soccer/football game solo in Unreal Engine. Tonight, we solved an animation bug that was occuring when blending animations together. Can you spot the difference between the two animation clips (right drag back versus left drag back? 🐛BUG: All animations rotated the player mesh (character body), but the capsule underneath (invisible box) never turned at all. 🎞️At the end of the animation, you'd see the player facing the direction where the animation begun on frame 0, then flick to where I was moving the left analog stick. This was resolved with a tool I built which moves the rotation to the invisible box instead. The same animations play, but now the game knows that the character's capsule has turned with an animation. #indiedev #gamedev #soccer #football #unrealengine
0:17

⚽ Day 44 of building my soccer/football game solo in Unreal Engine. Tonight, we solved an animation bug that was occuring when blending animations together. Can you spot the difference between the two animation clips (right drag back versus left drag back? 🐛BUG: All animations rotated the player mesh (character body), but the capsule underneath (invisible box) never turned at all. 🎞️At the end of the animation, you'd see the player facing the direction where the animation begun on frame 0, then flick to where I was moving the left analog stick. This was resolved with a tool I built which moves the rotation to the invisible box instead. The same animations play, but now the game knows that the character's capsule has turned with an animation. #indiedev #gamedev #soccer #football #unrealengine

Josh

19,988 views • 7 days ago