React Native, Flutter or Capacitor - The Cross Platform Showdown

Поділитися
Вставка
  • Опубліковано 3 січ 2025

КОМЕНТАРІ • 99

  • @galaxies_dev
    @galaxies_dev  Рік тому

    Now you want to learn React Native, Flutter, or Capacitor? Awesome!
    Check out my new platform galaxies.dev/ for some practical courses & more tutorials 🚀

  • @go371211
    @go371211 2 роки тому +2

    You can use any native code with Expo. I don't see a downside using Expo at current moment.

    • @samerhannah5530
      @samerhannah5530 2 роки тому

      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 ?

  • @ralexs0096
    @ralexs0096 Рік тому +1

    Great comparison! Great video! as usual!

  • @NigraXXL
    @NigraXXL 2 місяці тому

    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.

  • @imwalidsalhi
    @imwalidsalhi 2 роки тому +2

    Magnifique! Keep diversifying content like this, it’s very interesting. Have a good day!

  • @jesusnavas6846
    @jesusnavas6846 2 роки тому +1

    Good review Simon, greetings from Venezuela!!!

  • @aytunch
    @aytunch 2 роки тому +7

    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
      @galaxies_dev  2 роки тому +2

      Yeah it's funny that they feel so native given the fact they are rendered through the Skia engine 🤷‍♂

    • @ln694
      @ln694 Рік тому

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

    • @SaiyanJin85
      @SaiyanJin85 Рік тому

      @@ln694 That's not true at all. I have build lists with thousands of items and it runs buttery smooth even on old phones

    • @nubunto
      @nubunto Рік тому

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

    • @rohankumarpanigrahi7475
      @rohankumarpanigrahi7475 Рік тому

      ​​@@ln694try flutter with impellar graphics engine added recently. The jank is thrown out the window

  • @darahk88
    @darahk88 7 місяців тому +2

    Capacitor js with sveltekit is my favorite for startup

    • @alexandrufilipescu1301
      @alexandrufilipescu1301 4 місяці тому

      I just started learning it but found expo, what do you think?

    • @darahk88
      @darahk88 4 місяці тому

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

  • @carmelshores2658
    @carmelshores2658 Рік тому

    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?

    • @galaxies_dev
      @galaxies_dev  Рік тому +1

      Yes, that type of code push does not work with Flutter yet.

    • @rohankumarpanigrahi7475
      @rohankumarpanigrahi7475 5 місяців тому +1

      It does now via Shorebird , the only major flaw in flutter (excluding Flutter web) has been fixed to a great extent

  • @bbsoftdev
    @bbsoftdev Рік тому

    capacitor with vuejs can add feature camera preview in div element ?

  • @hamm8934
    @hamm8934 Рік тому +1

    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.

  • @Xeneon341
    @Xeneon341 Рік тому

    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?

    • @galaxies_dev
      @galaxies_dev  Рік тому +1

      If you want more "freestyle" UI I feel that CSS usually works great - so React Native or Capacitor might be the choice!

  • @ainulyaqin5867
    @ainulyaqin5867 Рік тому

    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.

    • @galaxies_dev
      @galaxies_dev  Рік тому +1

      As far as I know, managing those dependencies and updates is a whole lot easier now if your project is using Expo!

  • @luczztem
    @luczztem 11 місяців тому +1

    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!

    • @TomeyTran
      @TomeyTran 11 місяців тому

      Do you think building with Flutter is faster than building with Capacitor?

    • @luczztem
      @luczztem 11 місяців тому

      ​@@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.

  • @pchasco
    @pchasco 2 роки тому +4

    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.

    • @galaxies_dev
      @galaxies_dev  2 роки тому

      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!

    • @jared4670
      @jared4670 Рік тому

      I feel exactly the same way. It's the reason I chose angular and typescript

  • @wezter96
    @wezter96 Рік тому +1

    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.

    • @galaxies_dev
      @galaxies_dev  Рік тому +1

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

  • @OM-bs7of
    @OM-bs7of Рік тому

    What about NativeScript + Angular?

  • @justpatrick_
    @justpatrick_ 2 роки тому +9

    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.

    • @galaxies_dev
      @galaxies_dev  2 роки тому +2

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

    • @donnyhardyanto3263
      @donnyhardyanto3263 2 роки тому

      @@galaxies_dev Yeah, Vue is so simple.... I love it

  • @coding-101
    @coding-101 2 роки тому +6

    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.

    • @tylerliu1124
      @tylerliu1124 Рік тому

      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.

    • @teriaklantang
      @teriaklantang Рік тому

      yess!!

  • @felicianvass4545
    @felicianvass4545 2 роки тому

    Hi Simon! Another great video. What do You think about Framework 7 + Capacitor?

    • @galaxies_dev
      @galaxies_dev  2 роки тому +1

      Need to take a look at Framework7 again, it's on my list!

  • @elsoncarlossilva4203
    @elsoncarlossilva4203 2 роки тому

    Great video!
    I`ll be interested in the best ways to create wearables apps video in the future.

    • @galaxies_dev
      @galaxies_dev  2 роки тому +1

      Good point, will try to look into that in the future!

  • @samucancld
    @samucancld Рік тому +1

    in ionic 7 I solved it adding server:{clearText:true} in the ionic config file 👍

  • @AnthonyDev
    @AnthonyDev 2 роки тому +1

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

  • @fidelischukwunyere3142
    @fidelischukwunyere3142 2 роки тому +1

    Great comparison. Would like you to add Quasar to the list as well

  • @Marshall86MT
    @Marshall86MT 2 роки тому

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

    • @galaxies_dev
      @galaxies_dev  2 роки тому +1

      You can use AppFlow from Ionic for live updates, or I think MS has a service for that as well!

  • @donnyhardyanto3263
    @donnyhardyanto3263 2 роки тому +3

    Using Flutter on Android Studio is the best for debugging.... better than VS Code

    • @galaxies_dev
      @galaxies_dev  2 роки тому

      I will give it a try, thanks Donny!

  • @hi1mham
    @hi1mham 10 днів тому

    Thank you

  • @NunoCostapt
    @NunoCostapt 2 роки тому +1

    So funny! Love it!

    • @galaxies_dev
      @galaxies_dev  2 роки тому

      Thank you Nuno!

    • @harrywildeboer9808
      @harrywildeboer9808 2 роки тому

      We need an flutter(flow)expert! Your new job!😊

    • @galaxies_dev
      @galaxies_dev  2 роки тому +1

      @@harrywildeboer9808 Will try to release some more Flutter material in the future!

    • @harrywildeboer9808
      @harrywildeboer9808 2 роки тому

      @@galaxies_dev that would be nice! I’ll be back!

  • @sanisaj1147
    @sanisaj1147 2 роки тому +1

    Loved the Flutter for the web part 😂, exactly the same feelings 😝

    • @galaxies_dev
      @galaxies_dev  2 роки тому +1

      Yeah you can’t really use that 😂

    • @djcali00
      @djcali00 2 роки тому

      @@galaxies_dev I do. It works great. I use it for web app. 😉

  • @highlightstime2723
    @highlightstime2723 2 роки тому +2

    Flutter FTW ❤

  • @suarezlifestyle
    @suarezlifestyle 2 роки тому +2

    Ionic is the child between capacitor and react native

    • @galaxies_dev
      @galaxies_dev  2 роки тому +1

      Maybe to some degree, but I think Capacitor is still very much underrated!

    • @suarezlifestyle
      @suarezlifestyle 2 роки тому +1

      @@galaxies_dev I totally agree, I mean, ionic+capacitor is my go to, it blows them all in speed for web + mobile

    • @xyz-ey7ul
      @xyz-ey7ul 2 роки тому +1

      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

    • @AGUNGKAYA
      @AGUNGKAYA 2 роки тому

      @@galaxies_dev capacitor is a hidden treasure :D

  • @zsoltpapp7050
    @zsoltpapp7050 2 роки тому

    tried ".net maui" yet?

  • @OM-bs7of
    @OM-bs7of Рік тому

    Ionic can build apps for KaiOS. React native and Flutter cannot.

  • @olumideayeni143
    @olumideayeni143 Рік тому

    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.

    • @galaxies_dev
      @galaxies_dev  Рік тому

      They all make sense in different ways :D

  • @Matheus_1582
    @Matheus_1582 2 роки тому +1

    Como Juntar ReactNative Capacitor com Flutter.
    React + Capacitor = Flutter.

  • @eula1194
    @eula1194 Рік тому

    Flutter for the web i think was making progress

    • @galaxies_dev
      @galaxies_dev  Рік тому

      It does, but I heard it's still "not there".

  • @KennyFully
    @KennyFully Рік тому

    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
      @galaxies_dev  Рік тому

      Why did it hurt your feelings?

    • @KennyFully
      @KennyFully Рік тому +1

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

  • @dimas.8300
    @dimas.8300 2 роки тому +1

    React Native sounds really chaotic

    • @galaxies_dev
      @galaxies_dev  2 роки тому

      It definitely felt like that to me - but so does React on the web as well sometimes!

    • @youarethecssformyhtml
      @youarethecssformyhtml Рік тому

      ​@@galaxies_devthat's because it uses React library lol

  • @samerhannah5530
    @samerhannah5530 2 роки тому

    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
      @galaxies_dev  Рік тому

      Even as a programmer you don't need to reinvent the wheel every time, that's not our job.

    • @samerhannah5530
      @samerhannah5530 Рік тому

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

  • @midophriya3657
    @midophriya3657 Рік тому

    first choice: capacitor, Second: flutter for mobile performance. that's it

  • @s_the_first
    @s_the_first 2 місяці тому

    Bro!!! MacOS is Unix!!! it's literally BSD based. Dare thee how?!?!? 🤣

  • @ivan.jeremic
    @ivan.jeremic 6 місяців тому

    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.

  • @fawadtariqq
    @fawadtariqq 3 місяці тому

    If you got bugs: "Implemented Once" 😂😂😂😂😂😂

  • @thebicycleman8062
    @thebicycleman8062 Рік тому +5

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

    • @galaxies_dev
      @galaxies_dev  Рік тому +1

      Thanks, doing so right now!

    • @dineshr7307
      @dineshr7307 10 місяців тому

      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.

  • @loot6
    @loot6 Рік тому

    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.

  • @samerhannah5530
    @samerhannah5530 2 роки тому

    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

    • @galaxies_dev
      @galaxies_dev  Рік тому +1

      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!

    • @loot6
      @loot6 Рік тому

      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.