Flutter vs React Native : which one is worth it, and why?
ฝัง
- เผยแพร่เมื่อ 2 มิ.ย. 2024
- In this look at Flutter vs React Native, we examine the core differences and commonalities between these two solutions: what they are for and how they work. We also look at how this comparison parallels the one between Angular and React JS, at least partially, and to what extent it differs. We take a short look at Dart.
#flutter #reactnative
--------
Want to go into further depth? Head to kodaps.dev/ - วิทยาศาสตร์และเทคโนโลยี
As a Flutter developer who has used React Native a lot in the past, I'd say that if you are using Flutter, you need to follow a pattern or else you are gonna have spagetti code all over the place. But in React Native, we can apply our own patterns to structure out project without it being a total mess. This was by far the hardest thing when I started learning Flutter.
so what do you recommend learning React Native or flutter? and how about job oportunities for both of them
@@Dev-Siri thank you so much Sir this is so helpful for me
@@keroloswahba1643 if ur a web dev trying to branch into mobile learn rn. If you want to be a mobile dev exclusively run the native languages. Flutter jobs don’t even come close open up any site.
Thx! 🇷🇺
Tbh this can also be a good thing. While I was experimenting with react, the moment I tried implementing something new into the code the way I thought it wanted to, it would start complaining.and no matter how much I would change it, it wouldnt like something newer about it
While in flutter, no matter how strict it might be, at the end of the day, you can actually get it to work.
While watching your video I thought you had to be at least a 10k subscribers. Well your explanation is one of the best I've seen sooo I subbed, thanks!
Glad to be of service, and thank you very much for your encouragements and sub they are very much appreciated!
Thanks for the comprehensive side by side comparison, it is super helpful! Which one would you recommend to take full advantage of ARKit? Are there limitations that both React Native and Flutter have when working with ARKit that native development wouldn't?
Coming from the C# world i had to solve a project in relatively short time (Full-Stack) for mobile devices, webapp in addition. A collegue started it in flutter with aweful lack of knowledge about front-backend concepts, the do's and dont's etc. (hence he wasnt IT-guy at all, so no rant). It was and is a very interesting journey so far and after 3 month into it, my love for flutter grew. Now, after ~9 month (lol) i am really happy not to have redone the whole project in other languages and stood with what was given. My first mobile app now works like a charm on web, android and ios. Only the windows-app-converting somehow gives me a headache, but as its working in browser anyway, i couldnt care less - it wasnt part of the project demands.
Big thumbs up for flutter !
Thank you so much for this gem of a video. So simply explained. Coming from a design background, I'm looking to find my footing in the coding space. This video has been helpful in my quest to understand the coding landscape with its plethora of languages, frameworks, libraries, et al. Thanks so much once again for this video.
This video has precisely what I was looking for... I truly appreciate your work.
I'm glad it was helpful for you, thanks for the kind words :)
I´m only working with flutter for a year.... for web & apps. Don´t regret it. So quick progress in such a little time, its great!
I'm hesitant to use it for the Web because of SEO issues, but good for you if you're having fun and learning quickly:)
@@KodapsAcademy definitely not websites, but it's suitable for web apps
Thank you. Good quality content like always. Short and specific, I like it.
You are the best person to explain "Reactive, Declarative, and Imperative"!
Thank you. This simplification was really helpful. I started learning Dart/Flutter, but jumped into Flutterflow.
I'm glad it helped :)
How good is Flutterflow if you want to develop and deployable full-fletched social media platform ?
Thank you for the guidance!
The only think keeping me behind sadly for flutter is job opportunities.Wish had more in my country.I just recently develop an app with react native and many of its package are not working during updates - crashing or you need to eject from expo to use the low lvl APIs,for a beginner like me this is hard.Also documentation is pure and many npms package are outdated .Bottom line react native needs more support from meta team.They count only to developers community for support..
for me its the same, as Devaslife(youtuber) said "the only weakness of react is not everything has been teach (devaslife apps is 10-50x faster than your flutter app)" because anything that a hardcore programmer make like (facebook developers) their app is so fast, but someone like me that finds reactnative slow switch instantly to flutter
Your contents are super helpful and much better than many many others but I don't know why your channel isn't growing. I believe, you'll soon grow much within no time.....
Thanks for your encouragement, these things take time it's just a question of patience and consistency :)
@@KodapsAcademy with this comment you just earned one more subscriber ✌️✌️
Great video. Rich content.Looking forward for more such videos.
Thanks for you kind words :)
Excellent video. I loved it. Please. Compare Angular 16 versus Flutter 3. Why learn Angular ? Phones and Tablets will substitute Desktops and Notebooks ? Witch is better for job oporturnuities ?
Dope!!! I love your lighting. Please, how did you achieve this kind of lighting? Thank you 😃
Hi, I use a Neewer 660 led pane on one side and a basic led light on the other :)
A more detailed comparison would be amazing! Fantastic video by the way.
Thanks so much for this video, now i know where to start, really appreciate it!
Glad to be of service :)
Excellent video! Could you make a video more in-depth about the difference between JavaScript and Dart?
I think TypeScript and Dart are more comparable.
Hell of a video. Please make more
great content, i have a question about the future of flutter? ,
and for someone just started learning programmming just finished dart course , is it good for me or not
Go for it. Start building apps with it and you will know. No experience is waste.
If your goal is to build apps, keep going with what you have learnt. As Daniel Phil mentionned, it's best to start doing, to start getting stuck into practical issues. I shouldn't be saying this as a creator, but you learn more by doing than by watching videos. (feel free to watch videos for guidance if you ever get stuck, of course :D)
I loved the delivery of this video
Thank you very much :)
For seo, speed optimisation etc point of view which one would be preferred for web development ?
Neither Flutter nor React Native are particularly well suited for web as a primary use case. I’d head for NextJS or SvelteKit or Astro for a web use case :)
All I really want to know is if react native is still relevant to learn today? Is it still being maintained and improved with new versions planned, like normal react, or say, vue?
Furthermore, I also need to figure out what exactly the differences between normal react and react native are. I get the sense that I can't just build a whole web app with normal react and then install a "react native" package that compiles it to a native app that's essentially my webapp but run in mobile mode? If that's the case, do you need two projects - normal react for web and react native for mobile, and then everytime you want to make a change you have to do it in both code-bases? And if *that's* the case, what's the point of even going the react native route? Then there truly is no benefit of react native over flutter (or any other cross-platform mobile framework, I guess).
It is still being improved, yes :)
Wow, you explained It so well man. I Loved It! Thanks for It.
Glad you liked it :)
as I want to be a mobile application developer having experience of programming language c ,c++, javascript, dart isn't hard, and I feel that flutter is easy to learn from 2 month experience
If you have the basic in C or C++, Flutter is the best choice.
I don’t know how code expected for html, but I would like to have my own app.. what will you suggest?
I would recommend Solar 2D actually, it has a very easy learning curve :)
Beautifully described!
Thanks !! :)
Good job, man! Got a subscriber
Thanks, welcome aboard ;)
Liked!! Two questions: could be said that for a mobile app that will work with several images and camera pictures, then Flutter is a better choice? Second question: I have some basic knowledge in C and Python, is there any way to develop mobiles apps using Python without having to learn JavaScript or Dart? 😢
For the camera app both will be fine. For Python I haven’t really used it for mobile dev, I think Kivy allows you to create mobile apps.
It's 2022 and still , whenever anyone mention about Flutter vs React Native..they always says that bridge disadvantages of react native. But there is a way new concept called JSI (javascript interface) which mostly optimal alternative to bridge...and recently iOS shifted to metal shader after which animation become janky in flutter......
If you listen carefully, I state that there *used to be* a bridge which could in some cases performance problems. The JS VM can still cause issues in edge cases where you need high precision timing (such as mixing music tracks)
@@KodapsAcademy sorry I didn't heard that. But I also mentioned about the janky part of flutter animation after usage of a shader called metal in iOS.Suppose in future again ios chages some of it's internal architecture then may be there would be some more worst issues.
And sorry, if my previous comment sounds rude...👍
@@bideshbanerjee5506 Flutter is working on Impeller, which will solve the iOS jank issues.
Thank you!! great video!!
Glad you liked it :)
By the way you deserve more subscribers.
It seems Flutter uses classes whereas React (Native)has rejected this approach in favor of functional programming + hooks. Don't you think Flutter has chosen a wrong way, and as a result, will face the same problems React had faced before?
If you look at the syntax for Widget composition in Flutter, it is actually closer to functional programming. However state uses a class based approach. That being said, I'm not sure the state issues React faced are directly transposable to a mobile environment.
There's also flutter hooks you can add in a package
Very useful content bro 🔥🔥
Glad to be of service :)
actually pretty good explanation
Thanks :)
For me if react native is the default but if performance is going to be a concern or a desktop app is required then it's flutter, but i really prefer the completely native feel of RN as it just uses the native component of the platform
TNice tutorials man is so good at explanation ...since I have been watcNice tutorialng soft soft tutorials , tNice tutorials is my first ti to really understand it . I love soft
Thanks for your kind words!
Why does this channel has such a lower amount of subscribers... 🤔
*Subscribed* ✅
Thanks :) And truth be told I’m just starting out, I’ll get there in the long run :)
Thank you very much💥
Glad to be of service! ;)
6:00 please upload in-depth video
Finally, a comparison that is more sensible than the hype 🙌 for 😎 glitter and self-promotion.
Glad to be of service, and thanks for the kind words :)
is flutter as fast as native (kotlin/swift) ?
Flutter is not quite as fast as native, since there is some overhead, but in the wide majority of cases it won't make a difference. And if you want to develop on both android and iOS, it has much faster overall development speed !
The comparison is valid only for a few months. there are major new developments in react native. bridge has a c++ replacement and skia is also a new upcoming feature. react native will soon beat flutter. flutter will become another angular like story.
Cool, that will give me the opportunity to make a new video :) although I already mentioned in the video that the bridge is no longer used, and that there may still be performance issues due the use of the JS VM (which doesn’t look like it’s going anywhere). But we shall see. Although RN actually started out more popular than flutter initially but lost ground, and seems to be following in some of Flutter’s architectural choices so I wouldn’t count Flutter out just yet ;)
@@KodapsAcademy Hey just kidding, I use Flutter too, for web I use svelte & backend rust. But I am amazed by the die hard react following, despite being the worst of all. People just follow blindly, very few use their head.
So I just joke, I am a react fan.. it will beat all others...
@@MountainOf Can you please explain why you use Rust for the backend? I was considering FastAPI for mind but due to overlaps with SSR etc.. I feel like Node based framework goes along better with Svelte for web.
Is that c++ bridge version released?
@@MountainOf I don’t get it, you just confused the sht out of everyone
as a mobile developer with flutter for almost three years all i can say is... im still learning new stuff... easy to learn hard to master for sure
Can i have tips/advice from you? I'm learning flutter. and also im a first year college student.
@@_routier113 flutter course made by google on udemy by angela yu is the way to go to start
@@jorgecid5016 it is free?
@@_routier113 like 10 or 11 us, is definetely worth it
@@jorgecid5016 okay, thanks
u flutter me with your knowledge
I've used both, and I prefer Flutter. Dart is not difficult to learn.
Focusing on the last 30 seconds of the video. How exactly does flutter make you try exciting and richer things? Please let me know what exciting and rich things you can do in flutter but not react native? How is react native a limited range? What things can you do in flutter but not react native that limit you? Why can't you build pixel perfect design in react native. I would love to see an example.
Admittedly an edge case (although that was kind of my point) I was once working on an app with a musician where I had to precisely cross fade & loop music tracks to the millisecond. I was able to do that in Flutter because the business logic was in the native layer. In React Native not so much.
@@KodapsAcademy If that is the major pain point you have, I would say to look into jsi where as you mentioned the architecture has changed and there is no need for a bridge. I am not a native developer but seeing what others are doing, I am pretty sure you can write native module with jsi that can be accessed on react native.
The ending made it sound as if react native is the inferior of the two and the one you would be missing out on if you choose, where that is no where near that.
Have you seen animations and gestures in react native using react-native-reaniamted and react-native-gesture-handler. The ease of creating them and the composability is unmatched even on web. Skia? Have you checked out react-native-skia? In react native you have native components but if you want to build performant, complex ui's you can use react-native-skia. Can flutter go the other way around? To use native components when you need them? Have you seen flutter's ios popup. It is a joke in terms of ui.
You want to access native modules and stuff? Go ahead and use synchronous calls from javascript to native using jsi. Very much representative of web and invoking native c++ browser method.
I am not sure if you are aware of the companies invested in react native. Just to name a few. Facebook(core team), Microsoft(react native desktop), Shopify(react native skia, FlashList), Coinbase, Tesla.
If we want to talk performance and that flutter is more performant than react native then yeah sure. I dont disagree, but I like to give this analogy. Consder Flutter as a lamborghini and React Native as mercedes. Sure lambos are faster in speed, but mercedes are really quite fast too. You dont need the extra speed.
The only reason am writing all this is because you made it sound as if react native is the playful one and not a heavy duty library but in reality it is. It is just that you lack the information.
My point was actually that React Native was easier / more established, i.e the « easy » choice, whereas Flutter is more involved and complex, not that RN is not a viable solution. I probably personally choose RN for about 90% of my use cases, just because I have team members using React JS and I know it will be way easier for them to transition. It’s just that as I try to stay as impartial as possible I might have a tendency to overcompensate… :)
Also that comment should be read in the light of my Angular/ReactJS video where the Google solution was initially the established solution and React the challenger, whereas here the roles are somewhat reversed.
@@KodapsAcademy all cool. Just wanted to clarify some things for the watchers when they want to consider either of the libraries 👍🏻 Have a good day
Thanks.
thank you bro thank you
Glad to be of service ! :)
tysm!
My pleasure :)
If i need more power i will go for native development. But i won't be choose flutter for little performances differences compare to React-Native.
So for cross-platform i will choose React-Native only.
Commenting for the algorithm.
Thanks! ;)
09:47 sums it up
You were wrong with one thing:
You do need a third party plugin for angular translations (ngx-translate).
Well, there is angular/localize provided by Angular, although I think you do need to run "ng add @angular/localize" .
This is strictly technical. I’ll catch up to this later. I want to know the practical reasons.
Then perhaps this video might be of use : th-cam.com/video/mMUFPn8Mxn4/w-d-xo.html :)
Flutter ❤
I used both technologies. If you want performance, flutter is the way to go!
with spring boot as a backend what should i learn?
@@harshwardhanshetty4683 firebase
@@deathgod_69 that is not front end though
@@harshwardhanshetty4683 bruh you said backend
@@deathgod_69 spring boot as a backend I said, is something wrong?
surprised by flutter being more popular than react native
You forget about many Flutter bugs and performance on iOS
for me Dart is the biggest drawback for using Flutter, hence why I started learning C# instead... there are tons of frameworks in C# that work just like Flutter, ex Avalonia, MAUI, Uno etc but if you ever get tired of building cross platform apps then you can apply your C# skills in other areas like web dev, rest APIs, machine learning etc but you can't do that with Dart or at least the ecosystem isn't nearly as evolved as that in C# or even in Javascript...
Dart is much better language than Typescript/Javascript, that's why I hope it will become standard for web.
It is a pain JS does not support class inheritance.
And that's exactly how you told us you never learned JavaScript in depth
Cant assign a function to a variable in dart, so annoying. JS allows you to even assign a class to a variable
I'm not quite sure what you are referring to because it is possible to assign a function to a variable. See here for example : flutterhq.com/questions-and-answers/894/dart-assign-a-functionmethod-to-variable-after-declaration
Flutter or React Native which language is dead in future. Which language should i learn to long term job 🙄
Neither will be dead. React will offer more opportunities. :)
@@KodapsAcademyWhich is Fresher High paying job React Native or Flutter.
S2
i prefer flutter for prototype or small project but native still the best. react native just generated way more big app size
Finn Seeger just right click and it’ll appear again
Use Final in dart to decalare immutability.
Also Dart has terrible approach to serialization. Rather chop off my balls than manually serialize a complex json object in dart
"basic" tutorials that forget to be basic
Thanks for the kind words :)
Looks like you don't even code in both technologies. You just read from internet and made a video.
minutes, and then delete it
I'm not sure I get the meaning of your comment :)
my advice to every new developer, DONT DONT DONT use react native , it is pain in the ass it is shit , waste of time , not strong libraries ,bugs bugs bugs, some times if you want to update your app it easier to rebuild it, in short words it is garbage
It is fine to use JavaScript, but please try to never get used to how it is. In other words, never use your knowledge of JS as a base for your career.
JS should never be your first/main language skill, if you want to be a software developer.
Once you passed the learning curve in Flutter, you can build a full fledge social media apps in just two weeks given that you know what you're doing. I'm capable of creating 10 different UIs in a working day if provided with the design, it's not much but it's a progress. I love Flutter.
I have an important question that is gonna set my future and I need u to answer like ure going to give me an important and only one piece of advice.. I'm studying web development in an institute so that will be my diploma and forever word. But personally I prefer mobile apps so I wanna learn a framework to make apps and publish for me,so should I learn Flutter or reactNative? and if I choose Flutter is it gonna be hard for me to learn web with react.js and learn flutter in the same time?
If you want to do (or have to do) web development too, learn React / React Native. There's nothing stopping you from learning Flutter at a later date if you want to expand your horizons laters.
@@KodapsAcademy but what if I want to build mobile apps just for me not to add to my diploma and I want the easiest way for that
Is react native gonna be easy and not full of errors for me to make good apps or flutter?
@Islamputh if you’re naturally an organized person reactive should be fine. If you’re disorganized (like I am) you might be better off with Flutter’s structure. If you want to be productive quickly, you’ll be better off using React :)
@@KodapsAcademy u the best thanks alot
Glad to be of service @@Islamputh :)