正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 3 年前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

11 条评论

Gordon Hayes 的头像

Gordon Hayes3 年前

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

Gordon Hayes 的头像

Gordon Hayes3 年前

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

Gordon Hayes 的头像

Gordon Hayes3 年前

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

Gordon Hayes 的头像

Gordon Hayes3 年前

And Flutter keeps on improving 👀👇:

Bryan Monsalvatge 的头像

Bryan Monsalvatge3 年前

@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 Hayes 的头像

Gordon Hayes3 年前

@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 Montano 的头像

Lucas Montano3 年前

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

Leo 💙 的头像

Leo 💙3 年前

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

Gordon Hayes 的头像

Gordon Hayes3 年前

@rive_app @aashudubey_ad @lima_lucas3 @MengTo

Yrij 的头像

Yrij3 年前

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

Gordon Hayes 的头像

Gordon Hayes3 年前

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

相关视频

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 次观看 • 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?

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 次观看 • 7 个月前

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 次观看 • 1 个月前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 11 个月前

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 次观看 • 4 个月前

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 次观看 • 2 年前

✨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 次观看 • 1 年前

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 次观看 • 4 天前

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 次观看 • 3 个月前

🚀 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 次观看 • 2 年前

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 次观看 • 3 个月前

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 次观看 • 3 年前

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 次观看 • 1 年前

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 次观看 • 2 个月前

“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,360 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 7 个月前

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.

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 次观看 • 8 个月前