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.

Really interesting to see how well React 19.2’s Activity handles inactive screens in screen-transitions. Here’s the difference between v3 and v4 in a 35 screen stack test 😳

Ed

3,838 subscribers

20,003 views • 1 month ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

5 Comments

Andrei Calazans1 month ago

what am i seeing here? can you explain?

Ed1 month ago

- Push performance, left is slower right is faster - Animation performance, towards the end of the video, we can see left suffer when animating back whilst right remains fast

Arthur Eudeline1 month ago

So sick ! Excellent work mate 😃

Umair Ahmed1 month ago

Damn ❤️

Native Bloom1 month ago

Engaging ☺️

Related Videos

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

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

230,619 views • 11 months ago

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 🥳

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

82,222 views • 9 months ago

missed building out a full flow, so I wanted to see what I could come up with in a day using react-native-screen-transitions 🤨

missed building out a full flow, so I wanted to see what I could come up with in a day using react-native-screen-transitions 🤨

Ed

39,119 views • 2 months ago

Holy Cow! 3 Screens are Down in Tiana Bayou Adventure Tonight! The big screen, one of the firefly screens and the lift hill! How in the world could 3 screens be down?! Animatronics I get but…..😳😳

Holy Cow! 3 Screens are Down in Tiana Bayou Adventure Tonight! The big screen, one of the firefly screens and the lift hill! How in the world could 3 screens be down?! Animatronics I get but…..😳😳

Grant Seeker

35,937 views • 1 year ago

2v2 Screen Drill Mix in bubble screens, flash screens as well as stalk and gos to keep the defense honest. Via @CoachDBryant3

2v2 Screen Drill Mix in bubble screens, flash screens as well as stalk and gos to keep the defense honest. Via @CoachDBryant3

Chris Haddad

86,566 views • 2 years ago

Two screens. 4x pixel detail. 🎮 See the ANBERNIC RG DS Plus in action, from dual-screen classics to a 30+ platform single-screen experience.

Two screens. 4x pixel detail. 🎮 See the ANBERNIC RG DS Plus in action, from dual-screen classics to a 30+ platform single-screen experience.

ANBERNIC

26,525 views • 1 month ago

One of the most exciting things I’ve had the chance to work on has been integrating `react-native-teleport` into `screen-transitions`. v3.9 introduces a new handoff prop to seamlessly teleport boundary payloads between each other. Pretty happy with it so far! Here’s how it looks with the new zoom transition in v3.9

One of the most exciting things I’ve had the chance to work on has been integrating `react-native-teleport` into `screen-transitions`. v3.9 introduces a new handoff prop to seamlessly teleport boundary payloads between each other. Pretty happy with it so far! Here’s how it looks with the new zoom transition in v3.9

Ed

19,121 views • 2 months ago

Here’s how to animate a widget between screens in your Flutter app with the Hero widget. ⬇️ Make sure to use the same unique tag for both the first and second screens!

Here’s how to animate a widget between screens in your Flutter app with the Hero widget. ⬇️ Make sure to use the same unique tag for both the first and second screens!

Flutter

28,120 views • 2 years ago

Want to give your kids a big advantage in life? Help them to avoid screen addiction. This woman nails it with her approach. If you simply tell your kids "no screens", they will want screens even more Instead teach your kids about the harms of screens. How too much screen time takes away from other things in their life. How they will be much happier & healthier if they limit their screen use. This empowers kids. And this works even better if kids see their parents doing the same

Want to give your kids a big advantage in life? Help them to avoid screen addiction. This woman nails it with her approach. If you simply tell your kids "no screens", they will want screens even more Instead teach your kids about the harms of screens. How too much screen time takes away from other things in their life. How they will be much happier & healthier if they limit their screen use. This empowers kids. And this works even better if kids see their parents doing the same

Raising Healthy Families

129,325 views • 1 year ago

Unusual and interesting⚡️ You can literally really see the huge difference in the way PM Giorgia Meloni, PM Rishi Sunak, and President Emmanuel Macron treat one another.😳

Unusual and interesting⚡️ You can literally really see the huge difference in the way PM Giorgia Meloni, PM Rishi Sunak, and President Emmanuel Macron treat one another.😳

Vertigo_Warrior

647,679 views • 6 months ago

public hopping in vrchat and i randomly see my oshi on the screen then i proceed to walk in on a very interesting conversation and then someone recognizing me in a drive-by not scripted btw

public hopping in vrchat and i randomly see my oshi on the screen then i proceed to walk in on a very interesting conversation and then someone recognizing me in a drive-by not scripted btw

camila 🃏 🍥

241,827 views • 27 days ago

.Aave V4 is growing day by day - but there might be a part of DeFi users who haven't yet taken the time to understand the difference between V3 and V4. That's the exact topic I'm covering in this video. You can also try out the Aave V4 dashboard on DeFi Saver - and watch more DeFi educational content on the Pick DeFi Youtube channel.

.Aave V4 is growing day by day - but there might be a part of DeFi users who haven't yet taken the time to understand the difference between V3 and V4. That's the exact topic I'm covering in this video. You can also try out the Aave V4 dashboard on DeFi Saver - and watch more DeFi educational content on the Pick DeFi Youtube channel.

defi_milos 🛟

50,802 views • 2 months ago

$I hope Apple will invent a way to not touch the screen with a keyboard. Maybe they expect us to keep using that packaging paper in between the keyboard and screen? ¯\_(ツ)_/¯$

I hope Apple will invent a way to not touch the screen with a keyboard. Maybe they expect us to keep using that packaging paper in between the keyboard and screen? ¯\_(ツ)_/¯

Aivars Meijers

129,052 views • 2 years ago

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

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 views • 4 months ago

Schools and institutions, it’s time to take control of the screen distractions that are impacting student concentration and academic performance. Parent Geenee launches today – your partner in helping students achieve a balanced digital lifestyle while keeping their studies and well-being in focus. Be ready to make a difference in how students manage screen time and social media distractions – starting today! srikanth medavarapu Parent Geenee #SmartEducation #DigitalBalance #StudentFocus #ParentGeenee #ModernLearningTools #AcademicSuccess

Schools and institutions, it’s time to take control of the screen distractions that are impacting student concentration and academic performance. Parent Geenee launches today – your partner in helping students achieve a balanced digital lifestyle while keeping their studies and well-being in focus. Be ready to make a difference in how students manage screen time and social media distractions – starting today! srikanth medavarapu Parent Geenee #SmartEducation #DigitalBalance #StudentFocus #ParentGeenee #ModernLearningTools #AcademicSuccess

Ranganathan Madhavan

12,617 views • 1 year ago

I wanted to see how Insomniac approached Quick Time Events in Marvel Spider-Man VS Marvel Wolverine and the difference is clear When you fail to complete a QTE, they don't auto-complete or have the screen freeze entirely. What you do get instead is a different cutscene where Spider-Man fails to act after your lack of input. Its not an immediate death screen but if you don't complete any of them, you will get a death screen in the end.

I wanted to see how Insomniac approached Quick Time Events in Marvel Spider-Man VS Marvel Wolverine and the difference is clear When you fail to complete a QTE, they don't auto-complete or have the screen freeze entirely. What you do get instead is a different cutscene where Spider-Man fails to act after your lack of input. Its not an immediate death screen but if you don't complete any of them, you will get a death screen in the end.

NikTek

1,319,824 views • 19 days ago

Stitch’s canvas just got a major workflow upgrade. V2 is here with screen resizing and responsive support ✨. You can now resize any screen and watch it render in HTML mode to test responsiveness in real-time (responsive screens work best for web designs versus mobile designs). We’ve also added the keyboard essentials you’ve been missing: Undo/Redo and Cut/Copy/Paste for entire screens. You can also rename and delete screens to keep your workspace tidy. A customizable background will help you navigate. Build faster 🚀.

Stitch’s canvas just got a major workflow upgrade. V2 is here with screen resizing and responsive support ✨. You can now resize any screen and watch it render in HTML mode to test responsiveness in real-time (responsive screens work best for web designs versus mobile designs). We’ve also added the keyboard essentials you’ve been missing: Undo/Redo and Cut/Copy/Paste for entire screens. You can also rename and delete screens to keep your workspace tidy. A customizable background will help you navigate. Build faster 🚀.

Stitch by Google

49,877 views • 1 year ago