Загрузка видео...

Не удалось загрузить видео

На главную

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

swmansion's profile picture

Software Mansion

23,217 subscribers

10,667 просмотров • 11 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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,990 просмотров • 1 год назад

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,347 просмотров • 1 год назад

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,655 просмотров • 4 месяцев назад

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 просмотров • 1 год назад

We have released one of our calendar templates 📅. It is crafted with details and ready to use in prod ✨ w/ React Native Expo 🔗
0:20

We have released one of our calendar templates 📅. It is crafted with details and ready to use in prod ✨ w/ React Native Expo 🔗

React Native Components

28,912 просмотров • 8 месяцев назад

Here’s how I handle keyboard avoidance in React Native 👇 The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem (👨‍💻 source code below)
4:05

Here’s how I handle keyboard avoidance in React Native 👇 The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem (👨‍💻 source code below)

Beto

50,893 просмотров • 1 год назад

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?
0:25

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,887 просмотров • 11 месяцев назад

I made this site entirely in Figma using Locofy.ai Responsive layout, breakpoints, pages, animations. The code is near perfect and exportable to React w/ styles, components and variables. For simple sites like portfolios and landing pages, you can do everything in Figma.
0:43

I made this site entirely in Figma using Locofy.ai Responsive layout, breakpoints, pages, animations. The code is near perfect and exportable to React w/ styles, components and variables. For simple sites like portfolios and landing pages, you can do everything in Figma.

Meng To

32,205 просмотров • 2 лет назад

While you debate if you should switch to native, I've implemented iOS Gallery zoom interaction, using React Native and Expo, and feels incredibly smooth. Recreating this was living in my head over 4 years without paying, now I think it's a good time to show what’s possible. It’s funny that we still have this React Native vs. native discussion from the early times of it. React Native doesn’t stop you from building a performant app, and going fully native doesn’t automatically give you performant apps either. You can build performant, delightful things with React Native.
0:41

While you debate if you should switch to native, I've implemented iOS Gallery zoom interaction, using React Native and Expo, and feels incredibly smooth. Recreating this was living in my head over 4 years without paying, now I think it's a good time to show what’s possible. It’s funny that we still have this React Native vs. native discussion from the early times of it. React Native doesn’t stop you from building a performant app, and going fully native doesn’t automatically give you performant apps either. You can build performant, delightful things with React Native.

Enes

25,411 просмотров • 6 дней назад

Ready for big news? Say hello to Gesture Handler 3.0! 🫰🎉 The first beta version is now available, with a hook-based API compatible with the React Compiler, deeper Reanimated integration, and more. Check out the demo ⬇️, read the article in 🧵, and have fun adding gestures to your app!
0:46

Ready for big news? Say hello to Gesture Handler 3.0! 🫰🎉 The first beta version is now available, with a hook-based API compatible with the React Compiler, deeper Reanimated integration, and more. Check out the demo ⬇️, read the article in 🧵, and have fun adding gestures to your app!

Software Mansion

27,830 просмотров • 7 месяцев назад

Know React for the web? You are closer to shipping a mobile app than you think. Components, hooks, props, state: same React. The rendering layer is what changes. ◆ React DOM swaps for a native renderer ◆ Styling uses the StyleSheet API ◆ View, not div
1:00

Know React for the web? You are closer to shipping a mobile app than you think. Components, hooks, props, state: same React. The rendering layer is what changes. ◆ React DOM swaps for a native renderer ◆ Styling uses the StyleSheet API ◆ View, not div

Expo

16,084 просмотров • 1 месяц назад

Current progress on my AI Tattoo app 🤓 The Tattoo Playground is powered by: - CSS animations in RN (hat tip Kacper Kapuściak) - Expo Module for a native SwiftUI input view (via Kavsoft) - Custom haptic engine with expo-modules by vo—va 🇺🇦 (also used in Fuse 🤩) - Pressto for seamless pressable handling (thanks Enzo Manuel Mangano) - Sonner Native for toasts thanks to Gunnar Torfi - Apple Foundation Models for on-device prompt suggestions (via expo-modules) - Expo Router v7 (canary) for routing + API Routes on EAS Hosting - React Native Screens (v4.18.0) with UITabBarItem support - Expo UI (context menus) + Expo Image - React Native Reanimated by Software Mansion - Nano Banana 2 Lite for amazing image results - And more! :) Source code is available for Code with Beto members — link below 👇
2:37

Current progress on my AI Tattoo app 🤓 The Tattoo Playground is powered by: - CSS animations in RN (hat tip Kacper Kapuściak) - Expo Module for a native SwiftUI input view (via Kavsoft) - Custom haptic engine with expo-modules by vo—va 🇺🇦 (also used in Fuse 🤩) - Pressto for seamless pressable handling (thanks Enzo Manuel Mangano) - Sonner Native for toasts thanks to Gunnar Torfi - Apple Foundation Models for on-device prompt suggestions (via expo-modules) - Expo Router v7 (canary) for routing + API Routes on EAS Hosting - React Native Screens (v4.18.0) with UITabBarItem support - Expo UI (context menus) + Expo Image - React Native Reanimated by Software Mansion - Nano Banana 2 Lite for amazing image results - And more! :) Source code is available for Code with Beto members — link below 👇

Beto

35,480 просмотров • 10 месяцев назад

What if we told you LLaMA 3.2 runs offline in React Native with just a few lines of code? 📲🦙 AI integration has never been this easy! Check out the video about our latest, ExecuTorch-powered React Native library 👀
1:37

What if we told you LLaMA 3.2 runs offline in React Native with just a few lines of code? 📲🦙 AI integration has never been this easy! Check out the video about our latest, ExecuTorch-powered React Native library 👀

Software Mansion

10,107 просмотров • 1 год назад

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. 👀
1:37

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 просмотров • 1 год назад

Gemma 🤝 React Native📱 Exciting news for mobile developers! We love seeing the community unlock new ways to build. You'll soon be able to run Gemma 4 completely on-device in React Native.
0:45

Gemma 🤝 React Native📱 Exciting news for mobile developers! We love seeing the community unlock new ways to build. You'll soon be able to run Gemma 4 completely on-device in React Native.

Google Gemma

128,025 просмотров • 4 месяцев назад

✨ Free animated component library Built for Framer, React, and AI tools through MCP ✅ Ready-to-use components ✅ Clear previews ✅ Easy customisation controls ✅ Copy code →
0:20

✨ Free animated component library Built for Framer, React, and AI tools through MCP ✅ Ready-to-use components ✅ Clear previews ✅ Easy customisation controls ✅ Copy code →

Adham Dannaway

44,896 просмотров • 2 месяцев назад

🚀 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 просмотров • 1 год назад