Flutter vs React Native : which one is worth it, and why?
Ғылым және технология
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/
Пікірлер: 176
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.
@keroloswahba1643
Жыл бұрын
so what do you recommend learning React Native or flutter? and how about job oportunities for both of them
@keroloswahba1643
Жыл бұрын
@@Dev-Siri thank you so much Sir this is so helpful for me
@user-fr2fm3ri3w
Жыл бұрын
@@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.
@IUSTITA
Жыл бұрын
Thx! 🇷🇺
@joshfromsmosh3352d
10 ай бұрын
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!
@KodapsAcademy
Жыл бұрын
Glad to be of service, and thank you very much for your encouragements and sub they are very much appreciated!
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!
@KodapsAcademy
Жыл бұрын
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:)
@BooleanDev
Жыл бұрын
@@KodapsAcademy definitely not websites, but it's suitable for web apps
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 !
This video has precisely what I was looking for... I truly appreciate your work.
@KodapsAcademy
Жыл бұрын
I'm glad it was helpful for you, thanks for the kind words :)
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.
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?
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.
@KodapsAcademy
Жыл бұрын
I'm glad it helped :)
@varungehlot5221
14 күн бұрын
How good is Flutterflow if you want to develop and deployable full-fletched social media platform ?
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
Great video. Rich content.Looking forward for more such videos.
@KodapsAcademy
Жыл бұрын
Thanks for you kind words :)
Thanks so much for this video, now i know where to start, really appreciate it!
@KodapsAcademy
Жыл бұрын
Glad to be of service :)
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.....
@KodapsAcademy
Жыл бұрын
Thanks for your encouragement, these things take time it's just a question of patience and consistency :)
@egbon.....6085
Жыл бұрын
@@KodapsAcademy with this comment you just earned one more subscriber ✌️✌️
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..
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
@elmermatthew6796
Жыл бұрын
If you have the basic in C or C++, Flutter is the best choice.
I loved the delivery of this video
@KodapsAcademy
Жыл бұрын
Thank you very much :)
Excellent video! Could you make a video more in-depth about the difference between JavaScript and Dart?
@AlexanderSuraphel
Жыл бұрын
I think TypeScript and Dart are more comparable.
Dope!!! I love your lighting. Please, how did you achieve this kind of lighting? Thank you 😃
@KodapsAcademy
Жыл бұрын
Hi, I use a Neewer 660 led pane on one side and a basic led light on the other :)
Hell of a video. Please make more
A more detailed comparison would be amazing! Fantastic video by the way.
Beautifully described!
@KodapsAcademy
Жыл бұрын
Thanks !! :)
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 ?
For seo, speed optimisation etc point of view which one would be preferred for web development ?
@KodapsAcademy
Жыл бұрын
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 :)
I don’t know how code expected for html, but I would like to have my own app.. what will you suggest?
@KodapsAcademy
Жыл бұрын
I would recommend Solar 2D actually, it has a very easy learning curve :)
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
@danielphil4976
Жыл бұрын
Go for it. Start building apps with it and you will know. No experience is waste.
@KodapsAcademy
Жыл бұрын
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)
Thank you!! great video!!
@KodapsAcademy
Жыл бұрын
Glad you liked it :)
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?
@KodapsAcademy
Жыл бұрын
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.
@hunterwilhelm
Жыл бұрын
There's also flutter hooks you can add in a package
Good job, man! Got a subscriber
@KodapsAcademy
Жыл бұрын
Thanks, welcome aboard ;)
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
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? 😢
@KodapsAcademy
6 ай бұрын
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.
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).
@KodapsAcademy
Жыл бұрын
It is still being improved, yes :)
Wow, you explained It so well man. I Loved It! Thanks for It.
@KodapsAcademy
Ай бұрын
Glad you liked it :)
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......
@KodapsAcademy
Жыл бұрын
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)
@bideshbanerjee5506
Жыл бұрын
@@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...👍
@BooleanDev
Жыл бұрын
@@bideshbanerjee5506 Flutter is working on Impeller, which will solve the iOS jank issues.
Very useful content bro 🔥🔥
@KodapsAcademy
Жыл бұрын
Glad to be of service :)
Thank you very much💥
@KodapsAcademy
Жыл бұрын
Glad to be of service! ;)
I've used both, and I prefer Flutter. Dart is not difficult to learn.
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
@KodapsAcademy
Жыл бұрын
Thanks for your kind words!
actually pretty good explanation
@KodapsAcademy
Жыл бұрын
Thanks :)
By the way you deserve more subscribers.
Why does this channel has such a lower amount of subscribers... 🤔 *Subscribed* ✅
@KodapsAcademy
Жыл бұрын
Thanks :) And truth be told I’m just starting out, I’ll get there in the long run :)
Thanks.
is flutter as fast as native (kotlin/swift) ?
@KodapsAcademy
Жыл бұрын
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 !
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
@_routier113
Жыл бұрын
Can i have tips/advice from you? I'm learning flutter. and also im a first year college student.
@jorgecid5016
Жыл бұрын
@@_routier113 flutter course made by google on udemy by angela yu is the way to go to start
@_routier113
Жыл бұрын
@@jorgecid5016 it is free?
@jorgecid5016
Жыл бұрын
@@_routier113 like 10 or 11 us, is definetely worth it
@_routier113
Жыл бұрын
@@jorgecid5016 okay, thanks
tysm!
@KodapsAcademy
5 ай бұрын
My pleasure :)
thank you bro thank you
@KodapsAcademy
Жыл бұрын
Glad to be of service ! :)
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.
@KodapsAcademy
Жыл бұрын
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 ;)
@MountainOf
Жыл бұрын
@@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...
@AlexanderSuraphel
Жыл бұрын
@@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.
@prasanthpp4090
Жыл бұрын
Is that c++ bridge version released?
@ihsanpro9406
Жыл бұрын
@@MountainOf I don’t get it, you just confused the sht out of everyone
Finally, a comparison that is more sensible than the hype 🙌 for 😎 glitter and self-promotion.
@KodapsAcademy
Жыл бұрын
Glad to be of service, and thanks for the kind words :)
6:00 please upload in-depth video
I used both technologies. If you want performance, flutter is the way to go!
@harshwardhanshetty4683
Жыл бұрын
with spring boot as a backend what should i learn?
@deathgod_69
Жыл бұрын
@@harshwardhanshetty4683 firebase
@harshwardhanshetty4683
Жыл бұрын
@@deathgod_69 that is not front end though
@deathgod_69
Жыл бұрын
@@harshwardhanshetty4683 bruh you said backend
@harshwardhanshetty4683
Жыл бұрын
@@deathgod_69 spring boot as a backend I said, is something wrong?
09:47 sums it up
u flutter me with your knowledge
Commenting for the algorithm.
@KodapsAcademy
Жыл бұрын
Thanks! ;)
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.
Flutter ❤
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.
@KodapsAcademy
Жыл бұрын
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.
@ramielwan48
Жыл бұрын
@@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.
@KodapsAcademy
Жыл бұрын
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… :)
@KodapsAcademy
Жыл бұрын
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.
@ramielwan48
Жыл бұрын
@@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
You were wrong with one thing: You do need a third party plugin for angular translations (ngx-translate).
@KodapsAcademy
10 ай бұрын
Well, there is angular/localize provided by Angular, although I think you do need to run "ng add @angular/localize" .
surprised by flutter being more popular than react native
Dart is much better language than Typescript/Javascript, that's why I hope it will become standard for web.
This is strictly technical. I’ll catch up to this later. I want to know the practical reasons.
@KodapsAcademy
Жыл бұрын
Then perhaps this video might be of use : kzread.info/dash/bejne/n4GJqLKnaLDenpc.html :)
Flutter or React Native which language is dead in future. Which language should i learn to long term job 🙄
@KodapsAcademy
Жыл бұрын
Neither will be dead. React will offer more opportunities. :)
@BramTonGaming
Жыл бұрын
@@KodapsAcademyWhich is Fresher High paying job React Native or Flutter.
You forget about many Flutter bugs and performance on iOS
S2
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...
Cant assign a function to a variable in dart, so annoying. JS allows you to even assign a class to a variable
@KodapsAcademy
Жыл бұрын
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
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 prefer flutter for prototype or small project but native still the best. react native just generated way more big app size
It is a pain JS does not support class inheritance.
@thecoolnewsguy
Жыл бұрын
And that's exactly how you told us you never learned JavaScript in depth
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
Finn Seeger just right click and it’ll appear again
Looks like you don't even code in both technologies. You just read from internet and made a video.
"basic" tutorials that forget to be basic
@KodapsAcademy
Жыл бұрын
Thanks for the kind words :)
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
minutes, and then delete it
@KodapsAcademy
Жыл бұрын
I'm not sure I get the meaning of your comment :)
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.
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?
@KodapsAcademy
5 ай бұрын
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.
@Islamputh
5 ай бұрын
@@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?
@KodapsAcademy
5 ай бұрын
@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 :)
@Islamputh
5 ай бұрын
@@KodapsAcademy u the best thanks alot
@KodapsAcademy
5 ай бұрын
Glad to be of service @@Islamputh :)