"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 ♥

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

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

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 KZfaq like usual (for entertainment purposes), but I'm actually still learning code. Amazing!!!

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

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 KZfaq and found this Video uploaded 23min ago :), Thanks, Man! You *LITERALLY* listened to our Hearts!

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.

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

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.

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.

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

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

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

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 fricking love the simple animation around 00:39 how you put the different colors of blocks of text together.

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

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

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.

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!

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

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

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.

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

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

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.

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

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.

Excellent and quick comparison of these two technologies. Thanks

Great video, many thanks for the quick comparison.

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 would love to see a breakdown of Blazor and how it compares to other frameworks.

Exactly the comparison I needed right now.

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

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

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

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

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() { ... }`

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"

I have experience of 2yr with both these framework. And from experience I must say flutter is far way better than react native.

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

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

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.

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.

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

oomg! I was waiting for years on this!

I'm learning flutter as a beginner 🔰

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

Nice comparison, really appreciated!

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

His voice is therapeutic i swear

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)

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

Really educating! Thanks for that amazing content!

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'm literally brand new to programming. And I can say I've tried both react and flutter. Flutter has been alot easier for me.

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

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

Finally a quality content that ends the debate for good.

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

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!

Like always, Excellent Work!

From having used both for multiple months at work i can say with confidence I'd take flutter over react native in a instant, debugging in flutter is even easier than depicted in this video and 10 times nicer then debugging react native, almost never having runtime errors is also addicting, I've built multiple pages with state without running it once and it would just work first time, it's really stable, no updates breaking that one component, if you need a component it probably is already built in, the docs are a 10 out of 10, also the vscode tools are the best, also better than shown in this video and the cherry on top is you can compile for Android, iOS, macos, windows, Linux, web and even will work for making something like the ui for a coffee machine with a raspberry pi, if you know flutter you can built anything ui related you want

One huge drawback of React Native is being overly dependent on 3rd party packages. I literally could not find a calendar package that worked decently and could filter dates.

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

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

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.

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.

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

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

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.

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

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

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

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

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 ❤️

Thanks for this comparaison ;)

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.

I learnt dart as my first language , and started creating flutter apps a year ago. Last month i needed some liberaries for the apps but many things are missing, dont get me wrong, all packages for everything thats related to the app ecosystem is available. However when you leave the ecosystem you start to find that there is so much npm can give u of true value that you just cant on flutter. So i started learning React js and oh boy , i fell in love . Now i am going to start on react native and hoping its same as react.

There is *NOTHING* like flutter's hot reload. It's just too good. Plus flutter is used for web and desktop too, which just makes it perfect for cross-platform.

Thanks for this overview

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

For me, as a developer, my first consideration is market adoption. It's a big time-investment to learn a new platform, especially if it comes with a new language. I don't want to master a skill I can't leverage professionally, since there is SO much to learn and so little time in life. The exception being some pet project you're super into...but work keeps me from those things most of the time, personally. I see a lot of demand out there for React and React Native but I never hear about Flutter/Dart. I've also seen some complaints around the webs about Flutter devs struggling to find work in the current market. Just thoughts.

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

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

this guy is creative! keep up the great work

I love flutter. It’s performance is great and I was able to learn it and get comfortable with it quite quickly despite not having any prior experience with mobile app development

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 really aren't wrong... I might've coded in Vue recently but I come from Java and indeed, extends and super made me feel right at home!

another great video...thank you sir!

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

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

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

Love your videos, man.

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!

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.

If you use Flutter with Clean Architecture, separating every featureset of your app, and every widget, every repository, you don't get the nesting issue, because everything is nicely sorted into its own widget or function.

Thanks for a great comparison between React Native and Flutter.

I used flutter and got screwed because of some animation issues, After that I switched to react native and now I think I'm in love. In all honesty, I feel react native's performance is better than flutter. I'm probably wrong but I guess that just means that the performance difference isn't much