Now you want to learn React Native, Flutter, or Capacitor? Awesome! Check out my new platform galaxies.dev/ for some practical courses & more tutorials 🚀
Expo is a great technology Many people gets it wrong but hey say it’s for beginners It’s not it just makes your life easier and prepare an environment for testing and pushing the code to stores What’s wrong with that is it a beginner thing ?
Tauri 2.0 came out earlier this month it seems and I've seen people very excited about it. I'm not familiar enough with it to understand how it's different than the other frameworks.
Great and unbiased comparison. I totally agree with your opinions on Flutter. The mobile apps done with Flutter is on par with swift&kotlin apps in terms of performance and even better UI since you have control over every single pixel.
@@galaxies_dev Scrolling in Flutter is janky. An app using flutter can easily be determined by scrolling, even react native has better feel. If Flutter fixes its scrolling and any transition related problems then even large scale app developers will easily choose to move to flutter any given day.
@@ln694i don’t really think that is the case. My current company has a few million users today. My main flutter complaints are: dev experience is not great when integrating with native stuff; hard to build things, steep learning curve; no OTA updates. This last one is the nail in the coffin for me.
@@alexandrufilipescu1301 don't get me wrong I will use it but I prefer Capacitor js for small projects because it's faster to develop and smaller app package
Hamburg calling. If I understand correctly React Native and Capacitor allow hot-fixing without needing to go through another App Review process, say, for an iPad app? Such as requests to change styling or change options in a form dropdown?
In all of these videos, everyone leaves out that flutter also compiles to MacOS, Windows, Linux, and Embedded systems from a single code base (also web, but it's not there just yet). Try doing this with some monorepo using electron and ionic or electron and React Native and you are building yourself an amazing foot gun. The amount of wasted dev time maintaining such a monster of a repo is insane. With Flutter, you get this all for free. I'm normally quite conservative when it comes to a framework in a different language than JavaScript, but I'll be honest, I really think Google has a winner with Flutter. Once Flutter Web gets 20% better, I really think we're in a for a new age of the web. Especially since Chrome used to (and maybe still does) have native dart bindings. Who knows what google has planned.
I'm more curious if there is one option that offers developers the most flexibility when it comes to creating creative UI/UX design patterns? I want to develop a mobile app that has a similar UX to Calm. Is there one that is better than the other for this?
I've been using RN for almost 4 years. 2 years ago, I built a project, and now i cannot run it without fixing the dependency hell. Another project with RN 0.63, had similar issues. I tried to migrate to the newer version but didn't go well. So frustrating. I believe in these days, it's nonsense if we have a lot of issues like this.
awesome review brother, the most complete I've seen, helped me a lot to decide between Angular + capacitor or Flutter (I don't even consider React 🤢🤮). Although I love Flutter standart widgets (they are beautiful) and it's developer speed, I'll stick with Angular + Capacitor given that I already know Angular and it enables me to make 4 apps with the same codebase (Android, IOS, WEB, Desktop). Greate video bro!
@@TomeyTranI think yes, if you pick a experienced Flutter developer and a experienced Capacitor developer and compare their speed building the same app, I believe the Flutter dev will be faster, because Flutter has a great library of components, ready to use for smartphones, while with Capacitor you would have to create them by hand or do some logic to adapt the existent libraries to achieve the same quality level of Flutter components. Also Flutter is pretty easy and straightforward once you learn it.
I’m using flutter, but if I could invent my perfect framework, it would be Angular, but with Flutter widgets. Dart is Ok, but I prefer typescript. And I prefer the architecture of an Angular application, especially the separation between the template and the logic. Flutter code just gets messy and I find it difficult to maintain clear boundaries between UI and logic, despite all my best efforts. That being said, Flutter looks and performs So much better than Ionic. The Ionic team have done an amazing job, but an Ionic app lives right there in the uncanny valley between a native looking app and a web app.
I can see how Flutter code can become really messy, agree. And I also totally agree to the awesome amount of Flutter widgets and how easy it is to create something epic!
The point about Expo not working with some things isn't true anymore right? You can setup custom dev clients with any RN dependencies in Expo now I'm fairly certain. I also feel like your view on React Native on web is a bit dated, take a look at things like Solito and Tamagui and you'll see that you can reach 90+ lighthouse scores using React Native on web with tools like these.
Agree, Expo can do that now, just saw it as well. Gonna make a better video about using Expo soon! And thanks for providing those libraries, gonna check them out and see what we can build with RN for web :)
I totally feel you about the endless number of options and figuring out required in react land. Honestly it frustrates me everyday. As a vue guy forced to write react since react native depends on react, I cannot express how much I miss the simplicity of the vue ecosystem and the straight forward state management.
Yeah idk why this has to be so complicated, or why the biggest part of the dev world did gravitate to React. It's good - but there is also a lot about it that's really awful, like this part..
Time to add Quasar to the showdown and compare it along with these 3 frameworks. One can argue that it would be similar to that of capacitor, but the comparison of developer experience with using vue would be interesting.
The 3 frameworks mentioned in the video all have the ability to deploy an app to Android & iOS. While Quasar doesn't have this ability. It needs to do it through Cordova or Capacitor.
Great video, Simon. Well, I used Ionic since the first version and since that time I am subscribed to your content, but in 2021 I searched something different to learn and now I am in the Flutter world. RN I gave up when I was learning about navigation and drawers and I was not enjoying it. Flutter is fun. Respect to Ionic and Capacitor. 😎
Thanks for sharing your thoughts Simon. Personally I still prefer Ionic over Flutter, it's way easier with Angular compared to Dart 😅. You mentioned in your video about Capacitor and the possibility to release an hot fix without passing through Apple approval process, how do you do that? Thanks, happy coding :)
i think ionic is a css framework optimized for native apps and capacitor is what can be compared to react native and flutter. i could be wrong i don't work native tech that often
Is it just me or this is happening to everyone, every time i tried to make sense of React or React Native, I always fell back to Angular and Ionic with Capacitor.
I'm sorry but Flutter hurts my feelings. I had a lot of hope for it but for right now, it's not there yet. I will happily stick with Capacitor and React Native as a backup.
@@galaxies_dev I don’t know why UA-cam never gave me a notification but I will answer now. I should tell you that 4 months later, I feel basically the same about Flutter, even after learn Dart and how Flutter layouts, state etc works. Long story short, I have a web dev background (occasionally making HTML canvas games ported to mobile) and Flutter wasn’t an enjoyable development experience for me. The documentation is too notch, don’t get me wrong, but in my case, doing things like uploading an image to CustomPaint (Flutter’s class that includes dart:ui version of a canvas) just takes so many steps as one has to set up a function to load the image to binary (in a future function, similar to JavaScript promise) then store it in a global variable (called a late type in Dart) before the main function that starts the app ever gets called. ↑ Which I have to say that global variables being declared at all in Flutter is going against the best practices. 😔 Anyway, that and if one with a web dev background does decide to go Flutter, get ready to retrain your brain as you wrestle around with layouts that’s different enough from CSS to the point where it’s a brain teaser. Some can complain about React Native but if someone has a Web Dev background, the layout system in React Native isn’t bad at all. Anyway, I love Capacitor because it fits my style. Sometimes I combine it with Vue or go old school vanilla , turn on some music, and enjoy myself.
We don’t need stuff more than View text image list that’s it The rest is built in functions like tab into locations camera push notification that you haven’t spoken about React has it all covered Ui … what are we kids ? Do we need somebody to make a slider for Us ?then why the hell do we call our selves programmers
@@galaxies_dev reinventing the wheel is like Remaking Ai that’s reinventing the wheel Remaking a function that goes into your cámara and opens it That’s reinventing the wheel But desgining a Ui common !! Maximum you will have 200 line of code for a great Ui component ( including animations , interactions ) which will give you great practice
Mr Simon, I would highly advice you to fix the following pronounciations on the following words you use a lot: "Review", "Legit" and "Project" - You can type it in UA-cam "How to pronounce [word]" then put them on a AnkiDeck or something and keep practising. By the way you speak English very well, this is only a small note on your "emphasis." Its the difference between saying EM-Pha-sis (correct way vs. Emfaaa-sis, you see how just by changing which sounds you "stress" it changes the meaning and sometimes rendering it almost uninteligble. So yeah practice these two words as you will be using them a lot so it is worth knowing how to pronounce them the right way. Your content is really good and you helped me and I am a phonetics specialist so I thought I would also try and contribute back. thank you so much :)
Hey, Great advice. You said you are a phonetics specialist, do you offer any classes? I am willing to pay for a class to learn to pronounce the right way.
Sorry bro great video ! But I tried flutter twice and it felt that I am obligated to work my application in one direction I don’t have freedom and I hate the nested trees And dart has no 3d integration I use react native apps feel smooth amazing and fast i threw in it 3d animations and designs from three js fiber and renders in fraction of the seconds all the 3d scene React native is completely smooth experince I mean who doesn’t love React framework. but yes there are many options like expo or not But expo is one of the nicest technologies that I have seen and you would never feel as a beginner in expo We don’t need Ui libraries we are programmers and we can write any complex or easy Ui interaction we want
Everyone has a preferred way of doing things, and for many Flutter or Capacitor works great - but ofc RN is a great choice for many React teams as well!
Flutter also builds iOS apps with unnecessarily huge app sizes. I remember remaking my old React Native apps that were less than 1 mb but in flutter they were like countless mbs in size. When the issue was reported the developers were assholes and just tried to cover up the whole thing.
Now you want to learn React Native, Flutter, or Capacitor? Awesome!
Check out my new platform galaxies.dev/ for some practical courses & more tutorials 🚀
You can use any native code with Expo. I don't see a downside using Expo at current moment.
Expo is a great technology
Many people gets it wrong but hey say it’s for beginners
It’s not it just makes your life easier and prepare an environment for testing and pushing the code to stores
What’s wrong with that is it a beginner thing ?
Great comparison! Great video! as usual!
Glad you liked it!
Tauri 2.0 came out earlier this month it seems and I've seen people very excited about it. I'm not familiar enough with it to understand how it's different than the other frameworks.
Magnifique! Keep diversifying content like this, it’s very interesting. Have a good day!
Thanks Walid, will do!
Good review Simon, greetings from Venezuela!!!
Great and unbiased comparison. I totally agree with your opinions on Flutter. The mobile apps done with Flutter is on par with swift&kotlin apps in terms of performance and even better UI since you have control over every single pixel.
Yeah it's funny that they feel so native given the fact they are rendered through the Skia engine 🤷♂
@@galaxies_dev Scrolling in Flutter is janky. An app using flutter can easily be determined by scrolling, even react native has better feel. If Flutter fixes its scrolling and any transition related problems then even large scale app developers will easily choose to move to flutter any given day.
@@ln694 That's not true at all. I have build lists with thousands of items and it runs buttery smooth even on old phones
@@ln694i don’t really think that is the case. My current company has a few million users today. My main flutter complaints are: dev experience is not great when integrating with native stuff; hard to build things, steep learning curve; no OTA updates. This last one is the nail in the coffin for me.
@@ln694try flutter with impellar graphics engine added recently. The jank is thrown out the window
Capacitor js with sveltekit is my favorite for startup
I just started learning it but found expo, what do you think?
@@alexandrufilipescu1301 don't get me wrong I will use it but I prefer Capacitor js for small projects because it's faster to develop and smaller app package
Hamburg calling. If I understand correctly React Native and Capacitor allow hot-fixing without needing to go through another App Review process, say, for an iPad app?
Such as requests to change styling or change options in a form dropdown?
Yes, that type of code push does not work with Flutter yet.
It does now via Shorebird , the only major flaw in flutter (excluding Flutter web) has been fixed to a great extent
capacitor with vuejs can add feature camera preview in div element ?
In all of these videos, everyone leaves out that flutter also compiles to MacOS, Windows, Linux, and Embedded systems from a single code base (also web, but it's not there just yet). Try doing this with some monorepo using electron and ionic or electron and React Native and you are building yourself an amazing foot gun. The amount of wasted dev time maintaining such a monster of a repo is insane. With Flutter, you get this all for free.
I'm normally quite conservative when it comes to a framework in a different language than JavaScript, but I'll be honest, I really think Google has a winner with Flutter. Once Flutter Web gets 20% better, I really think we're in a for a new age of the web. Especially since Chrome used to (and maybe still does) have native dart bindings. Who knows what google has planned.
I'm more curious if there is one option that offers developers the most flexibility when it comes to creating creative UI/UX design patterns? I want to develop a mobile app that has a similar UX to Calm. Is there one that is better than the other for this?
If you want more "freestyle" UI I feel that CSS usually works great - so React Native or Capacitor might be the choice!
I've been using RN for almost 4 years. 2 years ago, I built a project, and now i cannot run it without fixing the dependency hell. Another project with RN 0.63, had similar issues. I tried to migrate to the newer version but didn't go well. So frustrating. I believe in these days, it's nonsense if we have a lot of issues like this.
As far as I know, managing those dependencies and updates is a whole lot easier now if your project is using Expo!
awesome review brother, the most complete I've seen, helped me a lot to decide between Angular + capacitor or Flutter (I don't even consider React 🤢🤮). Although I love Flutter standart widgets (they are beautiful) and it's developer speed, I'll stick with Angular + Capacitor given that I already know Angular and it enables me to make 4 apps with the same codebase (Android, IOS, WEB, Desktop). Greate video bro!
Do you think building with Flutter is faster than building with Capacitor?
@@TomeyTranI think yes, if you pick a experienced Flutter developer and a experienced Capacitor developer and compare their speed building the same app, I believe the Flutter dev will be faster, because Flutter has a great library of components, ready to use for smartphones, while with Capacitor you would have to create them by hand or do some logic to adapt the existent libraries to achieve the same quality level of Flutter components. Also Flutter is pretty easy and straightforward once you learn it.
I’m using flutter, but if I could invent my perfect framework, it would be Angular, but with Flutter widgets. Dart is Ok, but I prefer typescript. And I prefer the architecture of an Angular application, especially the separation between the template and the logic. Flutter code just gets messy and I find it difficult to maintain clear boundaries between UI and logic, despite all my best efforts. That being said, Flutter looks and performs So much better than Ionic. The Ionic team have done an amazing job, but an Ionic app lives right there in the uncanny valley between a native looking app and a web app.
I can see how Flutter code can become really messy, agree. And I also totally agree to the awesome amount of Flutter widgets and how easy it is to create something epic!
I feel exactly the same way. It's the reason I chose angular and typescript
The point about Expo not working with some things isn't true anymore right?
You can setup custom dev clients with any RN dependencies in Expo now I'm fairly certain.
I also feel like your view on React Native on web is a bit dated, take a look at things like Solito and Tamagui and you'll see that you can reach 90+ lighthouse scores using React Native on web with tools like these.
Agree, Expo can do that now, just saw it as well. Gonna make a better video about using Expo soon!
And thanks for providing those libraries, gonna check them out and see what we can build with RN for web :)
What about NativeScript + Angular?
I totally feel you about the endless number of options and figuring out required in react land. Honestly it frustrates me everyday. As a vue guy forced to write react since react native depends on react, I cannot express how much I miss the simplicity of the vue ecosystem and the straight forward state management.
Yeah idk why this has to be so complicated, or why the biggest part of the dev world did gravitate to React. It's good - but there is also a lot about it that's really awful, like this part..
@@galaxies_dev Yeah, Vue is so simple.... I love it
Time to add Quasar to the showdown and compare it along with these 3 frameworks.
One can argue that it would be similar to that of capacitor, but the comparison of developer experience with using vue would be interesting.
The 3 frameworks mentioned in the video all have the ability to deploy an app to Android & iOS. While Quasar doesn't have this ability. It needs to do it through Cordova or Capacitor.
yess!!
Hi Simon! Another great video. What do You think about Framework 7 + Capacitor?
Need to take a look at Framework7 again, it's on my list!
Great video!
I`ll be interested in the best ways to create wearables apps video in the future.
Good point, will try to look into that in the future!
in ionic 7 I solved it adding server:{clearText:true} in the ionic config file 👍
Great video, Simon. Well, I used Ionic since the first version and since that time I am subscribed to your content, but in 2021 I searched something different to learn and now I am in the Flutter world.
RN I gave up when I was learning about navigation and drawers and I was not enjoying it. Flutter is fun. Respect to Ionic and Capacitor. 😎
Yeah I can share that view!!
Great comparison. Would like you to add Quasar to the list as well
Interesting, will take a look!
Thanks for sharing your thoughts Simon. Personally I still prefer Ionic over Flutter, it's way easier with Angular compared to Dart 😅. You mentioned in your video about Capacitor and the possibility to release an hot fix without passing through Apple approval process, how do you do that? Thanks, happy coding :)
You can use AppFlow from Ionic for live updates, or I think MS has a service for that as well!
Using Flutter on Android Studio is the best for debugging.... better than VS Code
I will give it a try, thanks Donny!
Thank you
So funny! Love it!
Thank you Nuno!
We need an flutter(flow)expert! Your new job!😊
@@harrywildeboer9808 Will try to release some more Flutter material in the future!
@@galaxies_dev that would be nice! I’ll be back!
Loved the Flutter for the web part 😂, exactly the same feelings 😝
Yeah you can’t really use that 😂
@@galaxies_dev I do. It works great. I use it for web app. 😉
Flutter FTW ❤
Ionic is the child between capacitor and react native
Maybe to some degree, but I think Capacitor is still very much underrated!
@@galaxies_dev I totally agree, I mean, ionic+capacitor is my go to, it blows them all in speed for web + mobile
i think ionic is a css framework optimized for native apps and capacitor is what can be compared to react native and flutter. i could be wrong i don't work native tech that often
@@galaxies_dev capacitor is a hidden treasure :D
tried ".net maui" yet?
No not yet :/
Ionic can build apps for KaiOS. React native and Flutter cannot.
Is it just me or this is happening to everyone, every time i tried to make sense of React or React Native, I always fell back to Angular and Ionic with Capacitor.
They all make sense in different ways :D
Como Juntar ReactNative Capacitor com Flutter.
React + Capacitor = Flutter.
Flutter for the web i think was making progress
It does, but I heard it's still "not there".
I'm sorry but Flutter hurts my feelings.
I had a lot of hope for it but for right now, it's not there yet. I will happily stick with Capacitor and React Native as a backup.
Why did it hurt your feelings?
@@galaxies_dev I don’t know why UA-cam never gave me a notification but I will answer now.
I should tell you that 4 months later, I feel basically the same about Flutter, even after learn Dart and how Flutter layouts, state etc works. Long story short, I have a web dev background (occasionally making HTML canvas games ported to mobile) and Flutter wasn’t an enjoyable development experience for me. The documentation is too notch, don’t get me wrong, but in my case, doing things like uploading an image to CustomPaint (Flutter’s class that includes dart:ui version of a canvas) just takes so many steps as one has to set up a function to load the image to binary (in a future function, similar to JavaScript promise) then store it in a global variable (called a late type in Dart) before the main function that starts the app ever gets called.
↑
Which I have to say that global variables being declared at all in Flutter is going against the best practices. 😔
Anyway, that and if one with a web dev background does decide to go Flutter, get ready to retrain your brain as you wrestle around with layouts that’s different enough from CSS to the point where it’s a brain teaser. Some can complain about React Native but if someone has a Web Dev background, the layout system in React Native isn’t bad at all.
Anyway, I love Capacitor because it fits my style. Sometimes I combine it with Vue or go old school vanilla , turn on some music, and enjoy myself.
React Native sounds really chaotic
It definitely felt like that to me - but so does React on the web as well sometimes!
@@galaxies_devthat's because it uses React library lol
We don’t need stuff more than View text image list that’s it
The rest is built in functions like tab into locations camera push notification that you haven’t spoken about
React has it all covered
Ui … what are we kids ? Do we need somebody to make a slider for Us ?then why the hell do we call our selves programmers
Even as a programmer you don't need to reinvent the wheel every time, that's not our job.
@@galaxies_dev reinventing the wheel is like
Remaking Ai that’s reinventing the wheel
Remaking a function that goes into your cámara and opens it
That’s reinventing the wheel
But desgining a Ui common !!
Maximum you will have 200 line of code for a great Ui component ( including animations , interactions ) which will give you great practice
first choice: capacitor, Second: flutter for mobile performance. that's it
Bro!!! MacOS is Unix!!! it's literally BSD based. Dare thee how?!?!? 🤣
12:18 Very easy dude, your brain is just confused, turn your angular brain off, instead of thinking in media queries we think in components.
If you got bugs: "Implemented Once" 😂😂😂😂😂😂
Mr Simon, I would highly advice you to fix the following pronounciations on the following words you use a lot: "Review", "Legit" and "Project" - You can type it in UA-cam "How to pronounce [word]" then put them on a AnkiDeck or something and keep practising. By the way you speak English very well, this is only a small note on your "emphasis." Its the difference between saying EM-Pha-sis (correct way vs. Emfaaa-sis, you see how just by changing which sounds you "stress" it changes the meaning and sometimes rendering it almost uninteligble. So yeah practice these two words as you will be using them a lot so it is worth knowing how to pronounce them the right way. Your content is really good and you helped me and I am a phonetics specialist so I thought I would also try and contribute back. thank you so much :)
Thanks, doing so right now!
Hey, Great advice. You said you are a phonetics specialist, do you offer any classes? I am willing to pay for a class to learn to pronounce the right way.
You didn't really talk about desktop much here so I take it none of these are really suited for that. Looking forward to your video on Tauri anyway.
Sorry bro great video ! But I tried flutter twice and it felt that I am obligated to work my application in one direction I don’t have freedom and I hate the nested trees
And dart has no 3d integration
I use react native apps feel smooth amazing and fast i threw in it 3d animations and designs from three js fiber and renders in fraction of the seconds all the 3d scene
React native is completely smooth experince I mean who doesn’t love React framework. but yes there are many options like expo or not
But expo is one of the nicest technologies that I have seen and you would never feel as a beginner in expo
We don’t need Ui libraries we are programmers and we can write any complex or easy Ui interaction we want
Everyone has a preferred way of doing things, and for many Flutter or Capacitor works great - but ofc RN is a great choice for many React teams as well!
Flutter also builds iOS apps with unnecessarily huge app sizes. I remember remaking my old React Native apps that were less than 1 mb but in flutter they were like countless mbs in size. When the issue was reported the developers were assholes and just tried to cover up the whole thing.