Loading video...

Video Failed to Load

Go Home

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's profile picture

GitHub

2,645,977 subscribers

28,617 views • 10 months ago •via X (Twitter)

Science & TechnologyNews & PoliticsEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.
5:46

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.

Software Mansion

112,855 views • 1 year ago

Announcing React Native Reanimated 4 🐎 Long-awaited CSS Animations and Transitions support is here Available now in Beta Read more 👇
0:49

Announcing React Native Reanimated 4 🐎 Long-awaited CSS Animations and Transitions support is here Available now in Beta Read more 👇

Software Mansion

246,137 views • 1 year 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! ✨
0:32

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,667 views • 9 months ago

A really cool feature of the View Transitions API (available now in stable Chrome!) is that videos and animations on the new view continue to play smoothly while transitioning. With a bit of extra JavaScript, you can even do this with elements shared across different routes ✨
0:32

A really cool feature of the View Transitions API (available now in stable Chrome!) is that videos and animations on the new view continue to play smoothly while transitioning. With a bit of extra JavaScript, you can even do this with elements shared across different routes ✨

Maxi Ferreira

351,241 views • 3 years ago

🚀 New in `react-native-sandbox`: isolated instances can now communicate directly via the `postMessage` API. The demo shows two sandboxes exchanging messages with dynamic whitelist, proving you can build secure multi-instance apps and micro-frontends in React Native. Follow Aliaksandr Babrykovich for more! 💪 Learn more in our latest release ⬇️
0:47

🚀 New in `react-native-sandbox`: isolated instances can now communicate directly via the `postMessage` API. The demo shows two sandboxes exchanging messages with dynamic whitelist, proving you can build secure multi-instance apps and micro-frontends in React Native. Follow Aliaksandr Babrykovich for more! 💪 Learn more in our latest release ⬇️

Mike

18,522 views • 11 months ago

i rebuilt Tesla’s new Robotaxi app with React Native Expo got the layer blur and gradients down with expo BlurView and LinearGradient. Buttery smooth with expo-router + reanimated should i publish to TestFlight?
0:32

i rebuilt Tesla’s new Robotaxi app with React Native Expo got the layer blur and gradients down with expo BlurView and LinearGradient. Buttery smooth with expo-router + reanimated should i publish to TestFlight?

david k

58,909 views • 1 year ago

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:
0:47

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:

DesignCode

65,856 views • 1 year ago

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇
0:35

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇

Saúl

81,826 views • 1 year ago

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️
0:25

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

shadcn

531,753 views • 3 years ago

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev
0:27

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev

Jakub Antalik

58,928 views • 1 month ago

Chrome 146 is now in Beta → This release brings CSS scroll-triggered animations, a new Sanitizer API to help build XSS-free apps, and WebGPU Compatibility mode to reach even more devices.
0:26

Chrome 146 is now in Beta → This release brings CSS scroll-triggered animations, a new Sanitizer API to help build XSS-free apps, and WebGPU Compatibility mode to reach even more devices.

Chrome for Developers

19,141 views • 5 months ago

GitHub Copilot coding agent just got a major upgrade. ✨ What's new: • It tests its own UI changes with Playwright and adds screenshots to PRs. • It can connect to more context and tools with remote MCP support. • You can trigger and track tasks from a new dashboard. • It only uses one Copilot premium request per session. Plus, it's now available for Copilot Pro and Business users. ✅ Here are all the updates in action. ▶️
1:52

GitHub Copilot coding agent just got a major upgrade. ✨ What's new: • It tests its own UI changes with Playwright and adds screenshots to PRs. • It can connect to more context and tools with remote MCP support. • You can trigger and track tasks from a new dashboard. • It only uses one Copilot premium request per session. Plus, it's now available for Copilot Pro and Business users. ✅ Here are all the updates in action. ▶️

GitHub

126,899 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.
0:21

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

Pretty impressive that you can do it without JavaScript with this new CSS API heres a quick tutorial on how to code the iPad video scroller mask effect yourself
6:51

Pretty impressive that you can do it without JavaScript with this new CSS API heres a quick tutorial on how to code the iPad video scroller mask effect yourself

Wes Bos

222,696 views • 2 years ago

We released the Citrus Halls chapter with the latest update! ✨ What do you think about this new chapter?
1:00

We released the Citrus Halls chapter with the latest update! ✨ What do you think about this new chapter?

CookieRun: Tower of Adventures

13,400 views • 2 years ago

Draggable Split layout built with Expo ✨ Polished UI + animations can make a UI feel dynamic and engaging. Source code: w/ React Native Components
0:31

Draggable Split layout built with Expo ✨ Polished UI + animations can make a UI feel dynamic and engaging. Source code: w/ React Native Components

Erencan Arica

17,474 views • 2 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 🚀
0:39

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

New video: MDX with Next.js! Learn how to combine the power of React components with markdown in the App Router. We also cover some of the built-in metadata features as well as CSS view transitions.
12:32

New video: MDX with Next.js! Learn how to combine the power of React components with markdown in the App Router. We also cover some of the built-in metadata features as well as CSS view transitions.

Lee Robinson

79,109 views • 1 year ago

Today, we’re officially releasing React Native Godot to the public. For the first time, every React Native developer can create games with an amazing UI on top. This unlocks a new era of apps and games.
0:20

Today, we’re officially releasing React Native Godot to the public. For the first time, every React Native developer can create games with an amazing UI on top. This unlocks a new era of apps and games.

Jannis Ringwald

939,113 views • 8 months ago

Clay's transition API is starting to shape up. It's modeled on the simplicity of CSS transitions (i.e. just specify property, duration and tween function, the rest is automatic) but with the ability to override the tween function so you can do whatever you want, frame by frame.
0:22

Clay's transition API is starting to shape up. It's modeled on the simplicity of CSS transitions (i.e. just specify property, duration and tween function, the rest is automatic) but with the ability to override the tween function so you can do whatever you want, frame by frame.

Nic Barker

13,982 views • 11 months ago