Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

The same app built in SwiftUI, React Native, and Flutter. All with the same Rive animations. Can you tell which is which? Poll in thread. Credit to Ashu, Lucas Lima and Meng To for the amazing work.

gordonphayes's profile picture

Gordon Hayes

4,619 subscribers

518,310 Aufrufe • vor 3 Jahren •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Gordon Hayes
Gordon Hayesvor 3 Jahren

Choose the correct order! ⭐️ sUI: SwiftUI ⭐️ RN: React Native ⭐️ FL: Flutter

Profilbild von Gordon Hayes
Gordon Hayesvor 3 Jahren

You can take the SwiftUI course for free to learn how to recreate this app yourself.

Profilbild von Gordon Hayes
Gordon Hayesvor 3 Jahren

Here are the results: Definitely give the thread a read. Updated videos with perf improvements!

Profilbild von Gordon Hayes
Gordon Hayesvor 3 Jahren

And Flutter keeps on improving 👀👇:

Profilbild von Bryan Monsalvatge
Bryan Monsalvatgevor 3 Jahren

@rive_app @aashudubey_ad @lima_lucas3 @MengTo Sad to say I noticed a bit of the Flutter jank on initial animation, which gave it away 😅.

Profilbild von Gordon Hayes
Gordon Hayesvor 3 Jahren

@rive_app @aashudubey_ad @lima_lucas3 @MengTo There is another clue in there (something that I may or may not have missed, and may or may not be a red herring). I have some thoughts I'll share tomorrow. But what I can say is that I had to re-record the Flutter video three times before it didn't give itself away too easily

Profilbild von Lucas Montano
Lucas Montanovor 3 Jahren

@rive_app @aashudubey_ad @lima_lucas3 @MengTo I would say: Flutter, SwiftUI, PhoneGap

Profilbild von Leo 💙
Leo 💙vor 3 Jahren

@rive_app @aashudubey_ad @lima_lucas3 @MengTo 1. Is flutter 😅 That debug banner 🔴

Profilbild von Gordon Hayes
Gordon Hayesvor 3 Jahren

@rive_app @aashudubey_ad @lima_lucas3 @MengTo

Profilbild von Yrij
Yrijvor 3 Jahren

@rive_app @aashudubey_ad @lima_lucas3 @MengTo How about cpu, gpu, memory and battery usage?

Profilbild von Gordon Hayes
Gordon Hayesvor 3 Jahren

@rive_app @aashudubey_ad @lima_lucas3 @MengTo That will be a fun analysis to do! I'd also like to experience what each feels like on an actual device.

Ähnliche Videos

I built a React Native bottom sheet with SwiftUI. All the work is done on the native side, and the API feels like RadixUI.
8:26

I built a React Native bottom sheet with SwiftUI. All the work is done on the native side, and the API feels like RadixUI.

Fernando Rojo

31,511 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,617 Aufrufe • vor 7 Monaten

Lovable's bottom sheets are built with Silk. On the web and in the app. Same code. Native feel everywhere.
0:26

Lovable's bottom sheets are built with Silk. On the web and in the app. Same code. Native feel everywhere.

Bruno Stasse

27,001 Aufrufe • vor 1 Monat

Going through my slides like a true Flutter Jedi 😅Using the sensors on my Android watch to send a notification to Firebase based on the hand gesture speed and direction, which is captured by my slides built in #Flutter and animated in Rive 💙 You gotta go to Fluttercon #ftcon25usa and check out my talk to see this in action! 👍
0:44

Going through my slides like a true Flutter Jedi 😅Using the sensors on my Android watch to send a notification to Firebase based on the hand gesture speed and direction, which is captured by my slides built in #Flutter and animated in Rive 💙 You gotta go to Fluttercon #ftcon25usa and check out my talk to see this in action! 👍

Roman Jaquez

11,742 Aufrufe • vor 1 Jahr

A cute self-care app i've been building as a sole react native dev in my current team. built with react native Expo Reanimated for all smooth animations Also used React Native Skia for water cup motion
0:50

A cute self-care app i've been building as a sole react native dev in my current team. built with react native Expo Reanimated for all smooth animations Also used React Native Skia for water cup motion

Daehyeon 대현

107,787 Aufrufe • vor 1 Jahr

iOS 26 alert dialogs in Flutter 🔥 all I used was the native_dialog_plus package, which makes me question myself if it's better for flutter too render native components if your desire is a native, if not use flutters widgets instead, plus you can mix and match.
0:31

iOS 26 alert dialogs in Flutter 🔥 all I used was the native_dialog_plus package, which makes me question myself if it's better for flutter too render native components if your desire is a native, if not use flutters widgets instead, plus you can mix and match.

Maher Safadi

93,173 Aufrufe • vor 11 Monaten

Video: Recap 2019 AP Assembly, jagan finding fault with #Greenko How shameless can he and his stooges be to claim credit for the same company which is taking up the Green Ammonia project in Kakinada #AndhraPradesh ?
1:20

Video: Recap 2019 AP Assembly, jagan finding fault with #Greenko How shameless can he and his stooges be to claim credit for the same company which is taking up the Green Ammonia project in Kakinada #AndhraPradesh ?

Eclector

10,270 Aufrufe • vor 4 Monaten

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!
0:36

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,103 Aufrufe • vor 2 Jahren

✨Introducing Netflix on React Native! Two apps. One's built in JavaScript. Can you guess which? Link to the GitHub project below👇 (Hint: The one that crashes on profile switch is from Netflix Engineering 😉)
0:46

✨Introducing Netflix on React Native! Two apps. One's built in JavaScript. Can you guess which? Link to the GitHub project below👇 (Hint: The one that crashes on profile switch is from Netflix Engineering 😉)

Saúl

629,470 Aufrufe • vor 1 Jahr

Seeing is believing? This artist can work magic that confuses your eyes. Can you tell which is the painting, and which is the reality?
1:04

Seeing is believing? This artist can work magic that confuses your eyes. Can you tell which is the painting, and which is the reality?

Worth Work Words

11,154 Aufrufe • vor 7 Tagen

Built this flight booking app in 15 minutes with Claude 🤯 as the base. Built with Expo React Native Nativewind and Software Mansion reanimated.
0:24

Built this flight booking app in 15 minutes with Claude 🤯 as the base. Built with Expo React Native Nativewind and Software Mansion reanimated.

Thomino

25,165 Aufrufe • vor 3 Monaten

🚀 React Server Components are coming to every platform with Expo Router! To showcase all the new possibilities, I wrote the most powerful demo AI app I could think of—took less than a day to write, and it runs everywhere! Unlike traditional AI apps, which stream plain-text, Expo RSC can server render interactive native views and animations. This is the future of mobile apps.
0:27

🚀 React Server Components are coming to every platform with Expo Router! To showcase all the new possibilities, I wrote the most powerful demo AI app I could think of—took less than a day to write, and it runs everywhere! Unlike traditional AI apps, which stream plain-text, Expo RSC can server render interactive native views and animations. This is the future of mobile apps.

Evan Bacon 🥓

170,696 Aufrufe • vor 2 Jahren

Why do so many Massachusetts town names end in -"ham" -- and why aren't they all pronounced the same? We tell you why and give you a handy rule of thumb for which towns are pronounced which way.
2:45

Why do so many Massachusetts town names end in -"ham" -- and why aren't they all pronounced the same? We tell you why and give you a handy rule of thumb for which towns are pronounced which way.

GBH News

15,133 Aufrufe • vor 3 Jahren

James Sample: In the state of Georgia, there was a count, a recount, and there was a re-recount. All of the challenges that led to those counts in Georgia in 2020, is now the basis on which the affidavit for the warrant that was used to raid the Fulton County Election Office and seize those election materials. It is the same exact individuals, it is the same exact argument, and it is the same exact "evidence" that's being used, all of which was disproven time and again.
0:54

James Sample: In the state of Georgia, there was a count, a recount, and there was a re-recount. All of the challenges that led to those counts in Georgia in 2020, is now the basis on which the affidavit for the warrant that was used to raid the Fulton County Election Office and seize those election materials. It is the same exact individuals, it is the same exact argument, and it is the same exact "evidence" that's being used, all of which was disproven time and again.

Blue Georgia

23,281 Aufrufe • vor 3 Monaten

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

Meghan Markle and Prince Harry went to visit little children who were severely injured in the war in Gaza. You can easily tell which one of them is sincere and which one is faking it for the cameras!
0:29

Meghan Markle and Prince Harry went to visit little children who were severely injured in the war in Gaza. You can easily tell which one of them is sincere and which one is faking it for the cameras!

Matt Wallace

7,681,534 Aufrufe • vor 2 Monaten

“Into the Googleverse” - a prototype board game powered by #Gemini. Companion app built in Flutter Firebase 🔥 Animations in Rive 💙Having a blast playing it! (Not an official Google game, but it could be 😅) #duupr #games #flutter
0:59

“Into the Googleverse” - a prototype board game powered by #Gemini. Companion app built in Flutter Firebase 🔥 Animations in Rive 💙Having a blast playing it! (Not an official Google game, but it could be 😅) #duupr #games #flutter

Roman Jaquez

19,381 Aufrufe • vor 1 Jahr

React Native SwiftUI TabView is now renamed to Native Bottom Tabs ✨ NPM Package name: `react-native-bottom-tabs` secured ✅ Now its time to establish good cross platform API, provide same features on both platforms and make it stable 😅
0:20

React Native SwiftUI TabView is now renamed to Native Bottom Tabs ✨ NPM Package name: `react-native-bottom-tabs` secured ✅ Now its time to establish good cross platform API, provide same features on both platforms and make it stable 😅

Oskar Kwaśniewski

17,889 Aufrufe • vor 1 Jahr

Did you know that you can edit your code and add packages to your Flutter app by connecting the Flutter Extension for Gemini CLI with the Dart & Flutter MCP server? Github →
1:25

Did you know that you can edit your code and add packages to your Flutter app by connecting the Flutter Extension for Gemini CLI with the Dart & Flutter MCP server? Github →

Flutter

13,307 Aufrufe • vor 7 Monaten

We all want the same thing, which is to own without struggle. That’s what CDcare is about. Pay small small for gadgets, appliances and even cars on the CDcare app at zero interest and the normal market price. Download the CDcare app today.
2:01

We all want the same thing, which is to own without struggle. That’s what CDcare is about. Pay small small for gadgets, appliances and even cars on the CDcare app at zero interest and the normal market price. Download the CDcare app today.

CDcare (Techstars ‘22)

2,141,765 Aufrufe • vor 8 Monaten