Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

I’ve opened a PR to React Native to add support for 120 FPS Animations while using the Animated API 🚀 Check it out:

Oskar Kwaśniewski

6,502 subscribers

10,961 views • 1 year ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

9 Comments

Hirbod1 year ago

Amazing. The RN / @expo template should ship with CADisableMinimumFrameDurationOnPhone: true by default. It’s an easy miss.

Oskar Kwaśniewski1 year ago

@expo Totally, I will add it to the built-in template once this gets merged.

Akool Inc1 year ago

🎉 We're honored to be featured on @SiliconANGLE ! Following last week’s launch of Akool Live Camera, we’re excited to see growing interest in the future of real-time AI video generation. 💡 Unlike traditional AI video tools, Live Camera creates photorealistic avatars that mirror your voice, gestures, and expressions — live and unscripted. It's perfect for virtual meetings, livestreams, and even AR environments. From live multilingual translation to real-time face swaps, Akool is shaping the future of human-AI interaction. 🗣 “Real-time avatars aren’t a future promise — they’re a present reality.” – Jiajun Lu, CEO of Akool 📖 Read the full article: #Akool #AkoolLiveCamera #AIAvatars #RealTimeAI #AIVideo #SiliconANGLE #TechInnovation #Startups #FutureOfCommunication

Stanley Bridge1 year ago

Does this remove the need for Reanimated

Aris ngoy1 year ago

why was 60 fps hard coded to begin with ?

Oskar Kwaśniewski1 year ago

Looks like the API to retrieve device frame rate was introduced in iOS 15, and probably that’s when the first iPhones with ProMotion started dropping

ehsan1 year ago

noice

Tarun1 year ago

smooooooth

akinn.eth1 year ago

awesome

Related Videos

🎠Parallax Carousel Custom React Native animated Carousel that has the same API as FlatList, that's using React Native Reanimated to animate each individual Carousel Item but also `useAnimatedSensor` to apply the "Parallax" effect to the active carousel item.

🎠Parallax Carousel Custom React Native animated Carousel that has the same API as FlatList, that's using React Native Reanimated to animate each individual Carousel Item but also `useAnimatedSensor` to apply the "Parallax" effect to the active carousel item.

Catalin Miron - AnimateReactNative.com

25,793 views • 2 years ago

Exciting update for React Native devs! 🚀Say hello to React Native ExecuTorch v0.2.0, now enhanced with computer vision features!📱Check out our demo video to see how easily you can add object detection to your app. 👀

Exciting update for React Native devs! 🚀Say hello to React Native ExecuTorch v0.2.0, now enhanced with computer vision features!📱Check out our demo video to see how easily you can add object detection to your app. 👀

Software Mansion

11,495 views • 1 year ago

The new version of React Native Bottom Tabs is out! 🎉 A new highly anticipated feature: Custom JavaScript Tabs! ✨ Provide your custom tab bar while leveraging native navigation underneath 🚀 Here is a demo of it in the 🦋 app! This demonstrates smooth screen transitions using native animations along with their custom tab bar.

The new version of React Native Bottom Tabs is out! 🎉 A new highly anticipated feature: Custom JavaScript Tabs! ✨ Provide your custom tab bar while leveraging native navigation underneath 🚀 Here is a demo of it in the 🦋 app! This demonstrates smooth screen transitions using native animations along with their custom tab bar.

Oskar

35,725 views • 1 year ago

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?

Baran

110,643 views • 8 months ago

TanStack AI now runs on react-native! 🚀 Stream down to mobile devices with ease using fetch + polyfills or XHR transports! Try it out with the latest releases!

TanStack AI now runs on react-native! 🚀 Stream down to mobile devices with ease using fetch + polyfills or XHR transports! Try it out with the latest releases!

TANSTACK

44,933 views • 23 days ago

Make some noise for React Native Audio API! 🔈 We wanted to see if we could turn a phone into a real guitar pedalboard. 🎸 Turns out, we can. 😎 Check the demo 👇

Make some noise for React Native Audio API! 🔈 We wanted to see if we could turn a phone into a real guitar pedalboard. 🎸 Turns out, we can. 😎 Check the demo 👇

Software Mansion

11,257 views • 4 months ago

React Native Audio API 0.11.0 is out! 🔊 It’s packed with tons of stability and DX improvements. We've also shipped a fully customizable recording to file and new Web Audio API nodes. Check out the demo 👇

React Native Audio API 0.11.0 is out! 🔊 It’s packed with tons of stability and DX improvements. We've also shipped a fully customizable recording to file and new Web Audio API nodes. Check out the demo 👇

Software Mansion

20,148 views • 5 months ago

You say layout animations in React Native, we think Reanimated 4 🐎 Download our cheat sheet for ready-to-use code snippets and API overviews! ✨

You say layout animations in React Native, we think Reanimated 4 🐎 Download our cheat sheet for ready-to-use code snippets and API overviews! ✨

Software Mansion

10,660 views • 8 months ago

Introducing agent skills for React Native Storybook Teach your coding agent to: - Setup any project React Native project with Storybook - Write stories like a pro npx skills add storybookjs/react-native

Introducing agent skills for React Native Storybook Teach your coding agent to: - Setup any project React Native project with Storybook - Write stories like a pro npx skills add storybookjs/react-native

Daniel Williams

17,940 views • 4 months ago

Built a fun lil' photo app with Expo and gave it some AI editing powers thanks to Gemini 2.0 Flash. Using expo-router + API routes, Galeria & Zeego by , and the smooth Software Mansion react-native-reanimated. Stoked to introduce some of the new Expo server stuff next 🚀

Built a fun lil' photo app with Expo and gave it some AI editing powers thanks to Gemini 2.0 Flash. Using expo-router + API routes, Galeria & Zeego by , and the smooth Software Mansion react-native-reanimated. Stoked to introduce some of the new Expo server stuff next 🚀

Jacob Clausen

20,189 views • 1 year ago

React Native 0.83 is out let's check it out! 🤓👇

React Native 0.83 is out let's check it out! 🤓👇

Beto

14,511 views • 6 months ago

☁️ EAS Hosting is here! In addition to our fantastic native deployment, you can now push: ◆ Websites ◆ API Routes ◆ Environment variables Will be adding native support via Expo's React Server Components soon 🚀 Run `eas deploy` today!

☁️ EAS Hosting is here! In addition to our fantastic native deployment, you can now push: ◆ Websites ◆ API Routes ◆ Environment variables Will be adding native support via Expo's React Server Components soon 🚀 Run `eas deploy` today!

Evan Bacon 🥓

108,843 views • 1 year ago

What's the latest with React Native? Reanimated 4 brings a more declarative, CSS-style approach to animations and transitions. ✨ We break down what you can do with this new API. ▶️

What's the latest with React Native? Reanimated 4 brings a more declarative, CSS-style approach to animations and transitions. ✨ We break down what you can do with this new API. ▶️

GitHub

28,617 views • 9 months ago

Animated sliding numbers 🛝 I've been building a reusable React Native UI library on the side, and the advantage is being able to use it for the company I work for or any of my own mobile apps. w/React Native Expo Source code on Landing Comps 👇

Animated sliding numbers 🛝 I've been building a reusable React Native UI library on the side, and the advantage is being able to use it for the company I work for or any of my own mobile apps. w/React Native Expo Source code on Landing Comps 👇

Erencan Arica

34,460 views • 9 months ago

📢 It’s finally here! My Ultimate React Native Course is LIVE! 🚀 If you’ve ever wanted to build, scale, and monetize your React Native apps the right way, this course is for you. I’ve packed everything I know into a structured, hands-on learning experience. Let’s build something amazing together! 🚀❤️

📢 It’s finally here! My Ultimate React Native Course is LIVE! 🚀 If you’ve ever wanted to build, scale, and monetize your React Native apps the right way, this course is for you. I’ve packed everything I know into a structured, hands-on learning experience. Let’s build something amazing together! 🚀❤️

Beto

13,565 views • 1 year ago

How to Implement a custom Accordion in react-native? using reanimated

How to Implement a custom Accordion in react-native? using reanimated

Ashu

31,861 views • 2 years ago

I’ve been sharing React Native animations almost every week this year. Here's my 2024 Rewind ✨

I’ve been sharing React Native animations almost every week this year. Here's my 2024 Rewind ✨

Enzo Manuel Mangano

24,475 views • 1 year ago

A cute self-care app i've been building as a sole react native dev in my current team. built with react native Expo Reanimated for all smooth animations Also used React Native Skia for water cup motion

A cute self-care app i've been building as a sole react native dev in my current team. built with react native Expo Reanimated for all smooth animations Also used React Native Skia for water cup motion

Daehyeon 대현

107,787 views • 1 year ago

Introducing react-native-wallet, built in collaboration with Expensify! 🚀 💳 A better way to add payment cards to Apple & Google Wallet 🔁 Truly cross-platform support for iOS & Android ⚡ Lightweight, dev-friendly, and easy to integrate 🔐 Secure, compliant, and production-ready in-app provisioning

Introducing react-native-wallet, built in collaboration with Expensify! 🚀 💳 A better way to add payment cards to Apple & Google Wallet 🔁 Truly cross-platform support for iOS & Android ⚡ Lightweight, dev-friendly, and easy to integrate 🔐 Secure, compliant, and production-ready in-app provisioning

Software Mansion

10,508 views • 11 months ago

Introducing Add mesmerizing ASCII art animations to any website. - Drop-in React component - CLI tool to convert videos to ASCII - Growing animation library - Private Discord for support One payment. Lifetime access.

Introducing Add mesmerizing ASCII art animations to any website. - Drop-in React component - CLI tool to convert videos to ASCII - Growing animation library - Private Discord for support One payment. Lifetime access.

Dev Ed

95,222 views • 4 months ago