React Native vs Flutter - I built the same chat app with both 

"React Native comes from Facebook, which is being criticized as being an evil corporation. While Flutter comes from Google, which is being criticized for being an evil corporation." LMAO

I love this guy I literally asked for this video and he made it, he made the tech stacks video like so too. He is close to his viewers and commentators. I am impressed ♥

Woah! I didn't know that Flutter's rendering engine is called Skia Time to drop React native

Even though I do web for my job, I love Flutter/Dart. The deeply nested widget trees are definitely a problem that you can run in to, but if you make a habit of extracting logic bits into their own widgets, you can really minimize the issue. The hot reload, as well as all the built in widgets and state management solutions makes development very quick

Absolutely love this channel. It's exactly what I need after an intensive coding session. I want to keep learning but I don't always have the "stamina" to keep doing it the hard way. When I watch these videos I essentially feel like I'm just browsing RU-vid like usual (for entertainment purposes), but I'm actually still learning code. Amazing!!!

Heyyyyyyyy, you won't believe I was just searching for this comparison, as I was so confused b/w the two. I opened the Homepage of my RU-vid and found this Video uploaded 23min ago :), Thanks, Man! You *LITERALLY* listened to our Hearts!

Recently built a flutter app and half way through I discovered that flutter now has a hooks like package that you can add that would make using state and subscribers so much easier and very react hooks like. It’s pretty amazing and definitely makes the reuse part of flutter much easier and right on par with React.

"Dart makes it really hard".... to write code that results in a runtime error. 😂 You had the RN fans there

It is insane reflecting on your depth and breadth of knowledge. Most people have surface level knowledge on a lot and then some deep level knowledge on a few things - you seem to have deep level knowledge on everything. Unreal! Not to mention amazing videos.

This answered some oddly specific questions I've been debating with a friend of mine. Thanks dude. This channel is magical.

I didn't imagine I can get motivation to code from a code tutorial, your channel is a 💎 in the community.

You deserve every single penny from RU-vid. Thanks for the great content and high quality videos!

You shouldn't be nesting all those widgets. The idea behind Flutter is to create a .dart file for each widget. This is how you handle bigger projects.

above all the amazing stuff and your delivery style, i really love the funny things you say in between, this makes the videos not soo boring like other peoples videos

Love the Grindr color theme that you used for the apps 😆

I have been using Flutter since about the start of the year and I must say: I like it! I agree about the long widget trees though. They are a pain! For any new Flutter user, it is good practice to extract widgets from a widget tree and to keep widget trees as simple as possible. Also, try and keep your extracted widgets as modular and neutral as possible so that you can use them in a variety of ways/places. Nice video man! Very informative :D There is one thing I disagree about though: At 9:23 you stated that it is a goal to run an app at 60 frames, which is not always 100% good for mobile. Firstly, for something like a store catalogue app, you will never need more than 30 frames. Secondly, long ago when I made a mobile game with Unity as part of my varsity project, we were told to limit mobile apps and games to 30 frames (in most cases) as usually with mobile games 60 frames are not necessary and will only nuke the battery. Maybe you used 60 frame rendering only as a performance measurement?

I fricking love the simple animation around 00:39 how you put the different colors of blocks of text together.

Great video, many thanks for the quick comparison.

Excellent and quick comparison of these two technologies. Thanks

Great video. One note: at 8:54, you mention that it's easier to extract code from nested widget trees in React Native (using methods) than in Flutter (using widget creation). However, in Flutter it is also possible to use methods, e.g. `Widget build(BuildContext context) { ... } _buildSubtree() { ... }`

You can deal easily with the stacked widget tree on flutter by simply separating the widgets in different file or just at the bottom of the current file your working it makes the code so much cleaner

Exactly the comparison I needed right now.

Now I'm sur that this is my favourite tech channel ! Great job dude !🔥

I wish we could see the compiled kotlin/html/swift When compiling dart to html you don't get html elements, you get one massive canvas that does everything.

I would love to see a breakdown of Blazor and how it compares to other frameworks.

You should make a video about the styled components library! it would be awesome! 😁

That dude is so lucky for having his article mentioned by you! His views 🔝

I picked up react coming from flutter and I feel there’s so much more that I don’t really need, I think it makes more sense if I already have a website or web app that needs to go native

Some of the comparisons in favor of Flutter tooling are comparing to React Native without typescript. I've never worked on a professional project without typescript. TS is just standard now. So it's safe to assume compile/transpile time errors will exist for both frameworks.

Speaking of performance, I knew that react native had already introduced a new architecture in their lastest version, and one of the main reasons is to solve the performance issue that many devs complained about for a quite some time. I myself haven't given it a try, but I will, and I'm really looking forward to seeing it surprising us

How do you always make exactly the videos I need at the time Thanks 👍🙂

Nice work! Very inspiring as usual! You got dat flow 👍

I've been watching your videos for 2 years now, and man I am just so grateful for these bite-sized powerful tutorials. Thank you for showing everyone just how cool coding can be!

Thanks for the video man I loved how you stayed impartial considering how sensitive developers of both frameworks can be about this comparison lol.

oomg! I was waiting for years on this!

I'm chosing React Native because I'm well settled in react ecosystem . I'm used to it and I love it. And I think I can build android apps much quicker in React Native as it's all the react js with lil bit different styling and semantics. So learning another language and whole another framework can be waste of time when there would be no significant difference in the product for the end user as the fireship said. So I think RN is the perfect choice for the devs coming from the react/js environment. And with expo , it's much better and evene easier . Life is too short. Make things simple and save your time. And avoid unecessary complexity.

Nice, i am recently choosing between two for a new project, and end up with flutter. After web, it was a learning curve delay for new language and the way of styling things with widgets. But i am absolutely happy, and honestly speed of development with hot reload, vscode extension, co-pilot and vim is crazy fast..!

Nice comparison, really appreciated!

This is amazing video thank you so much man. Could you please do another video in the up coming months comparing them, the frameworks grew so much in the last couple of months and so did the community

let's just hope that flutter web will be more reliable in the future

Great overview. I was already more used to ReactNative but not a huge react fan, was hoping Flutter would be for me but the "harder to copy-paste" thing convinced me otherwise (and I don't mean I copy-paste code I don't understand - I'm saying I like to copy-paste my own vanilla JS and html)

Really educating! Thanks for that amazing content!

Bro, I was thinking about researching about this just a couple of days ago, because I am trying to decide which one I want to learn more in depth and then just started to watch Netflix and forgot about it. And now I see your video on my feed!!!

Absolutely love flutter. Built apps with it and will definitely build future apps with it. Performance has been great (at least that's what the users and metrics say) and it's so nice to code

His voice is therapeutic i swear

Like always, Excellent Work!

Very interesting. Other than the nesting of widget trees, Flutter seems like a much more satisfying dev experience, by my lights. Thanks for this one, Jeff!

Very accurate comparison for both framework technologies. Also the main drawback in both frameworks. I think Flutter can establish a standard practice breaking down nested widgets into separate, clear functions which is not apparent on web for now . But it is very hard and draining development with React Native with everything starting with no native components, they would need to use a better template on default like with ActionBar. A webpage with none components barely could register impression as an app

I would say that one of the biggest advantages Flutter has over React Native, is it's support and integration with Flare. If you have the proper design team behind your back, the results might just be mind blowing.

thank you for this!, i hope you reach 1m subscribers soon!

Thanks for saving 3 hours of my time and stress. You are amazing

At 7:30 you mention that dart unlike typescript does provide null-safety. Typescript also has the option to compile time check for nulls though. Strict mode just hast to be turned on

This guy knows literally everything ... He's a god

Thanks for the video, after going through most of the comments I've decided to go with Flutter as it seems more intuitive. Hopefully I'll be able to build something good with it.

Niiiiice, Just when i needed this, i spent the last whole week banging my head and figuring out what i wanted, thanks for doing this for us

I've myself created the same application in both frameworks. What I learned from that experience is, if you need too much interaction with the native platform js bridge will make your code a bit slower. So what does that means? For example if you want to animate something with javascript, you'll have to send message through bridge which is going to create bottleneck to your performance but in flutter side your draw calls doesn't go through any sort of pipeline so it will not suffer same issues as react native. But in flutter you'll experience issues regarding user experience especially for text input boxes. Additionally to that native views doesn't work well with flutter widgets and sometimes feels cranky. In react native because it uses native views for displaying content you'll lose some level of customization. For example when I checked you couldn't add colored drop shadow under the view on android. Also because react native uses native views you can't just create your own canvas and draw on it (probably possible with 3rd party plugin). But in flutter if something is missing or possible, you can create your own widget from ground up using from low level to high level APIs depending on your requirements. The main reason of my switch from react to flutter was: - Dart (I prefer type safe languages over dynamic ones and yes I know typescript but it's not static typed as dart. You can't do runtime type checks) - Level of customizability (It took me less time to get even better translation of design our UI designer drew into screen) - The app didn't needed as much as native look-n-feel - I didn't wanted to learn Redux, and struggled with react state management. In flutter if I can't understand a concept, I can easily ctrl+click on the function or class and deep dive into the source code to find out what's going on. But for react native when you ctrl+click you'll either end up in typescript definition or some minified javascript file.

Finally a quality content that ends the debate for good.

Amazing video, pls make a similar one about ionic, as its been a while u havent talked about it

FACTS!!!!!! Thank you so much man, you're the best!!!!!!!!!

True gangster use Blazor within a MAUI shell, while it’s still on preview

Great video as always! I totally agree that refactoring is more difficult in Flutter. Changing the UI sometimes feels like starting from scratch again. On the issue of deeply nested widgets, if one child widget starts to get larger, you can always separate it in another function or create another widget for it. And to share data between widgets, you can use state management tools like Provider.

Ok Someone give this guy a medal for his work🔥🔥🔥🔥🔥

this guy is creative! keep up the great work

Loved this one as well 🔥, Just a suggestion, it would be nice to make a video on how to transfer medium to large amount of data from one sql schema to another? Thanks ❤️

Keeping in mind that there are efforts out there to bring Skia to React native, so hopefully performance differences between Flutter and React native won't be as "noticeable"

As someone who has worked with React and web for a long time, Flutter feels like a breath of fresh air to me (but I am only working with it for a short while).

Thanks for this overview

i’ve enjoyed doing flutter web along with firebase 👍🏽 i loved it

The deep nested Widget thing is definitely NOT a problem lmao. You would separate components the same way you would in RN, by proper planning.

If you now java, catching up with dart is so easy! in love with flutter!

Thanks for this comparaison ;)

Dart is fun (similar to ts) and I don't know why, but I feel deep satisfaction to code in flutter

I'm learning flutter as a beginner 🔰

Love your videos, man.

Honestly love flutter just got started with it a week ago and it’s a great upgrade from the react I was used to

Just watching this video, knowing little about either tool, Flutter seems like the better choice. Sure, you have to learn a "whole new language", but when the language is syntaxically familiar, that's not much of a hurdle.

For anyone interested: the problem of nesting in flutter is trivially solved by the "builder functions" - local methods that build separate segments of the component, and are called from the main build method (or other builder functions). This is of course when splitting a widget into multiple smaller widgets is not worth the effort.

another great video...thank you sir!

I was waiting for some content by fireship for days!! I was so much bored! Love your content

I don't have a nice sensation with Dart. I think the deep nested components and the verbose syntax makes the code much less readable or intuitive, so I really prefer looking into React Native codes. And when an app gets bigger, more readable codes can ne significantly important, so I kinda prefer RN currently

I noticed a few small errors, for example pressing R for React Native does a complete reload and not a hot reload (the partial reloads just happens as you save the files), but nice comparison overall. After seeing how nasty those widget trees get on Flutter I'm glad I am on React Native!

Awesome! It would be cool to compare them with svelte native which uses native script!

You can create a function to return a widget in flutter as well but its better to create widgets because for rebuilds.

when you speak at 8:44 about the widget tree, it remind me of the time i tried flutter 3 years ago, i had the exact same problem with it and as i can see it's still the same 3 years later

You mention that Dart has strict null checking as an advantage it has over TS + React Native, but TS also has strict null checking. Is there something that Dart does better there?

Thanks for a great comparison between React Native and Flutter.

Thanks for the confidence I re-gained so I'll keep using React :D

Insane comparison. Please also do a comparison of ionic and flutter in some future video please.

I love how flutter became what javafx was, write once run anywhere is finaly possible

After repeating video, just noticed his voice changed by the end XD Anyway, great video. Wish you showed a quick side by side comparison of the 2 apps you created.

This is the only dev channel on youtube that I can't keep up with at 2x Playback speed

I was a java developer. And react was so hard for me. But in just 7 days i learned Flutter.. After 1 month i got job. Now im a solo flutter developer. And i can handle an entire project by my self.

Starting flutter as an absolute beginner, I can say after learning 5ish language to just their basic fundamentals, flutter has the best documentation, where an actual beginner can understand and has ease to skim through the documentation and use it to solve problems without running to stack overflow or tutorials, and vs code's refactoring helps sooo much in nesting widgets and not worry about it, the dart dev tool is really really powerful for debugging and giving a top down view of the widget tree along with its characteristics. I've never used javascript/typescript so I can't comment on react, but I'm a beginner in java and flutter is imo Better for cross platform because it's ease of access and rich library for pre-made widgets So far making 3 simple projects in flutter, it's motivating as widget trees and functions enclosed in them are really easy to understand if you have a separate dart file for separate tasks.

Cheers, going to go and build a dapp and use flutter for it

For animation there's reanimated library, which is quite the standard and supports spring animation.

As a js developer I can say that dart is simliest language I ever learn. 95% similar to typescript. But better. So switching to dart is not as Big problem as every video says. But Flutter technology is one step higher technology of ui styling and easy of achive amaizing results on ui. I tried react and create couple apps. Learning was not as fast.

I literally was searching React vs Flutter for my next video. Even had a chat with my friend who's a Mobile App developer. How do you do this Jeff? You're a mind reader!!

Great video as usual. What about app cold start time?

Wish to see also a comparison between these and tools like Cordova or ionic 🙂

Been using react native with expo framework. Developing on a M1 MacBook Pro, and developing Android apps using Expo has been very easy. The struggle of configuring and setting up an Android Emulator with Android Studio on a M1 is too much of a hazzle for me. Else I'd try out Flutter aswell.