Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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 görüntüleme • 3 yıl önce •via X (Twitter)

Bilim & Teknoloji Eğitim

Anya Rossi• Live Now

Private livecam show

11 Yorum

Gordon Hayes profil fotoğrafı

Gordon Hayes3 yıl önce

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

Gordon Hayes profil fotoğrafı

Gordon Hayes3 yıl önce

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

Gordon Hayes profil fotoğrafı

Gordon Hayes3 yıl önce

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

Gordon Hayes profil fotoğrafı

Gordon Hayes3 yıl önce

And Flutter keeps on improving 👀👇:

Bryan Monsalvatge profil fotoğrafı

Bryan Monsalvatge3 yıl önce

@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 profil fotoğrafı

Gordon Hayes3 yıl önce

@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 profil fotoğrafı

Lucas Montano3 yıl önce

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

Leo 💙 profil fotoğrafı

Leo 💙3 yıl önce

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

Gordon Hayes profil fotoğrafı

Gordon Hayes3 yıl önce

@rive_app @aashudubey_ad @lima_lucas3 @MengTo

Yrij profil fotoğrafı

Yrij3 yıl önce

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

Gordon Hayes profil fotoğrafı

Gordon Hayes3 yıl önce

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

Benzer Videolar

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 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 2 yıl önce

✨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 görüntüleme • 1 yıl önce

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 görüntüleme • 7 gün önce

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 görüntüleme • 3 ay önce

🚀 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 görüntüleme • 2 yıl önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

“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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 8 ay önce