Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

react-native-screen-transitions v2.0.2 is out, heres what's new

trpfsu's profile picture

Ed

3,619 subscribers

72,735 Aufrufe • vor 11 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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,844 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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. ▶️
0:34

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 Aufrufe • vor 11 Monaten

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,175 Aufrufe • vor 1 Jahr

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

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

Beto

14,514 Aufrufe • vor 7 Monaten

New React Native DevTools app is really awesome, finally standalone app! 😍 Network & Performance tracing panels are now available for every React Native app 💯
0:37

New React Native DevTools app is really awesome, finally standalone app! 😍 Network & Performance tracing panels are now available for every React Native app 💯

Szymon Rybczak

41,024 Aufrufe • vor 7 Monaten

react-native-screen-transitions v3 has been out for a couple days now - held off from posting because I wanted to move past the basic examples and show how it looks in real flows Here’s a gym app my buddy Brian and I are working on 🥳
0:31

react-native-screen-transitions v3 has been out for a couple days now - held off from posting because I wanted to move past the basic examples and show how it looks in real flows Here’s a gym app my buddy Brian and I are working on 🥳

Ed

81,609 Aufrufe • vor 7 Monaten

i'm playing around with React Native new architecture examples using react-native@0.74-rc and react@18.3-canary, and it's pretty cool to see automatic batching with native event handlers in action.
0:20

i'm playing around with React Native new architecture examples using [email protected] and [email protected], and it's pretty cool to see automatic batching with native event handlers in action.

brent

80,861 Aufrufe • vor 2 Jahren

The bounds api is great for images, but not so much for videos that require continuity (yet). Today I had some time to play around with react-native-teleport and this is how I managed to integrate it into screen-transitions. Super excited to see how further this can be pushed
0:29

The bounds api is great for images, but not so much for videos that require continuity (yet). Today I had some time to play around with react-native-teleport and this is how I managed to integrate it into screen-transitions. Super excited to see how further this can be pushed

Ed

21,463 Aufrufe • vor 2 Monaten

We built this onboarding flow in React Native that feels better than most native apps Here’s how we did it: ① Patched react-native-screens for a custom transition ② Button and stepper are rendered on top of the stack ③ Synced button state across screens via context The button and header are positioned absolutely above the stack. When a screen focuses, it updates the shared button state (text, disabled state) via context The hardest part is keeping the keyboard open during screen transitions. We solved it with hidden TextInputs that get focused programmatically before navigating The result: one button flows across every screen and surfs the keyboard
0:25

We built this onboarding flow in React Native that feels better than most native apps Here’s how we did it: ① Patched react-native-screens for a custom transition ② Button and stepper are rendered on top of the stack ③ Synced button state across screens via context The button and header are positioned absolutely above the stack. When a screen focuses, it updates the shared button state (text, disabled state) via context The hardest part is keeping the keyboard open during screen transitions. We solved it with hidden TextInputs that get focused programmatically before navigating The result: one button flows across every screen and surfs the keyboard

Baran

229,791 Aufrufe • vor 9 Monaten

React Native Mastery is available NOW! 🚀
3:24

React Native Mastery is available NOW! 🚀

Vadim Savin @notJust.dev

75,974 Aufrufe • vor 1 Jahr

The React Native community just got a new powerhouse of knowledge. 🚨 Margelo’s blog is now live. Expect deep dives into internals, performance, architecture, tooling, case studies, vision camera, and pixel-perfect mobile engineering. Built by engineers pushing the ecosystem forward. If you’re serious about React Native, check it out
0:28

The React Native community just got a new powerhouse of knowledge. 🚨 Margelo’s blog is now live. Expect deep dives into internals, performance, architecture, tooling, case studies, vision camera, and pixel-perfect mobile engineering. Built by engineers pushing the ecosystem forward. If you’re serious about React Native, check it out

Adnan

36,469 Aufrufe • vor 3 Monaten

super happy with how the new .navigation.zoom() is coming along in screen transitions, here's how it looks on iOS and Android
0:19

super happy with how the new .navigation.zoom() is coming along in screen transitions, here's how it looks on iOS and Android

Ed

57,137 Aufrufe • vor 4 Monaten

react-native-livechart is live 🥳 Beautiful, reliable live charts for React Native: (multi-) line and candlestick, smooth at 60fps even with 10+ trades a second coming in. TL;DR: npm install react-native-livechart; deep dive 👇
0:20

react-native-livechart is live 🥳 Beautiful, reliable live charts for React Native: (multi-) line and candlestick, smooth at 60fps even with 10+ trades a second coming in. TL;DR: npm install react-native-livechart; deep dive 👇

Lennart Brandt

40,071 Aufrufe • vor 1 Monat

Galeria 1 is now available – an image viewer for React (+ Native) → New Architecture Support → Stable web support → Bring-your-own-image component Automatic support for: solito/image, next/image, expo-image, react-native-fast-image, web <img />
0:41

Galeria 1 is now available – an image viewer for React (+ Native) → New Architecture Support → Stable web support → Bring-your-own-image component Automatic support for: solito/image, next/image, expo-image, react-native-fast-image, web <img />

Fernando Rojo

27,366 Aufrufe • vor 1 Jahr

New FoundationModels API for running on-device AI by  is working with react-native-ai and AI SDK 🔥🔥
0:39

New FoundationModels API for running on-device AI by  is working with react-native-ai and AI SDK 🔥🔥

Szymon Rybczak

60,914 Aufrufe • vor 1 Jahr

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,792 Aufrufe • vor 9 Monaten

📢 The new "flashlight measure" 🔦 command is out! Never been easier to measure the #performance of any #AndroidDev app 🔥 (including native, React Native or Flutter, even release builds!) ➡️ ⬅️ Here's me measuring the Twitter app on Samsung S10 👀
0:41

📢 The new "flashlight measure" 🔦 command is out! Never been easier to measure the #performance of any #AndroidDev app 🔥 (including native, React Native or Flutter, even release builds!) ➡️ ⬅️ Here's me measuring the Twitter app on Samsung S10 👀

Alexandre Moureaux

10,478 Aufrufe • vor 3 Jahren

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic
0:27

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic

Sid

63,527 Aufrufe • vor 2 Jahren

React Native WebGPU on visionOS! 🥽 A few weeks ago William Candillon released React Native react-native-webgpu and we've managed to run it on visionOS! 🎉 PR is still WIP but this looks awesome 🤩 Great job William Candillon, Krzysztof Piaskowy 👏
0:39

React Native WebGPU on visionOS! 🥽 A few weeks ago William Candillon released React Native react-native-webgpu and we've managed to run it on visionOS! 🎉 PR is still WIP but this looks awesome 🤩 Great job William Candillon, Krzysztof Piaskowy 👏

Oskar

28,640 Aufrufe • vor 1 Jahr