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.

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.

Gordon Hayes

4,619 subscribers

518,310 views • 3 years ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

11 Comments

Gordon Hayes3 years ago

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

Gordon Hayes3 years ago

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

Gordon Hayes3 years ago

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

Gordon Hayes3 years ago

And Flutter keeps on improving 👀👇:

Bryan Monsalvatge3 years ago

@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 😅.

Gordon Hayes3 years ago

@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

Lucas Montano3 years ago

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

Leo 💙3 years ago

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

Gordon Hayes3 years ago

@rive_app @aashudubey_ad @lima_lucas3 @MengTo

Yrij3 years ago

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

Gordon Hayes3 years ago

@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.

Related 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.

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 views • 1 year ago

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?

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

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

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

Bruno Stasse

27,001 views • 1 month ago

In 2023, I worked with Android, Compose, SwiftUI, Flutter, React Native, C++, web, React, Svelte, Framer, Noesis, Bevy, and Unity. All using Rive runtimes. Implementing new features, fixing bugs, testing, and creating fun demos. It was such a blast. Below is a highlight video of some of my favorite projects of the year.

In 2023, I worked with Android, Compose, SwiftUI, Flutter, React Native, C++, web, React, Svelte, Framer, Noesis, Bevy, and Unity. All using Rive runtimes. Implementing new features, fixing bugs, testing, and creating fun demos. It was such a blast. Below is a highlight video of some of my favorite projects of the year.

Gordon Hayes

124,009 views • 2 years ago

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! 👍

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 views • 1 year ago

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

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 views • 1 year ago

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.

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 views • 1 year ago

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 ?

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 views • 4 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,103 views • 2 years ago

✨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 views • 1 year ago

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

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 views • 8 days ago

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

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

🚀 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.

🚀 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 views • 2 years ago

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.

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

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.

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 views • 3 years ago

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:

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 views • 1 year ago

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!

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

“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

“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 views • 1 year ago

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 😅

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 views • 1 year ago

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 →

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