Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 10 ay önce •via X (Twitter)

Bilim & TeknolojiHaberler & PolitikaEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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,845 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 3 yıl önce

🚀 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 görüntüleme • 11 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

✨ 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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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

938,948 görüntüleme • 8 ay önce

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 görüntüleme • 11 ay önce