I feel like you've missed Ionic's main advantage and that is that you can target not only all mobile platforms with one single common code-base but also desktop as well because Ionic is more portable due to the simple fact that under the hood it is using just standard web technologies and doesn't abstract them as much as React Native does. Ionic's team has built Stencil.js for this purpose specifically: To build the same component once with pure JavaScript and have it compile and render with native look&feel (desktop/web, iOS, Android, etc.) on any platform. In fact components built with Stencil are closer to native Web Components than native Angular, React or Vue components but thanks to the power of Stencil and integration with Capacitor/Cordova, they can be compiled to the native component of any frontend framework (Angular/Vue/Rect/Svelte/etc) and behave like native platform components (iOS/Android widgets). This degree of portability is very important in reducing costs. That's probably why Ionic is used more in the enterprise world not just because the enterprise world doesn't have so many users (and with proper code splitting, I don't think you couldn't serve an Ionic app to millions of users).
I've been using Ionic for a few years, (with Angular) but just recently learned React Native, so here sre my thoughts... React Native: I already know React, so the learning curve wasn't too hard. I just basically needed to learn how to replace HTML with the alternative tags, and replace CSS with it's equivalent. Plus learn the quirks that it brings. I was surprised to see that out of the box, React Native doesn't include much stuff for the UI. The Button component is super basic and you can only customize the color. So you need to create your own button component in most cases. It's missing so much, but it's recommended that you also use Expo, and Expo thankfully picks up some slack and offers some UI elements. So to get a more complete set of UI components you need to use both React Native and Expo, which is a pain. But the relative lack of components in React Native made it fairly fast to learn. Most layout stuff is done by nesting tags and styling them. And their layout is mostly done with it's implementation of CSS Flexbox. So if you know that already then there's not a lot to learn. If you use Expo, then building and deploying is highly simplified. Expo can also submit your app to the app stores for you, and I think you can in theory even build and submit apps even if you don't develop on a Mac. Ionic: I like how Ionic has all the common UI elements out of the box, and they're all so beautiful and polished. Also not too difficult to customize the look/feel if you need to. I like how all UI components will work on all platforms (desktop, iOS, Android). While some React Native components will only work on one or the other platform. For example the "Action Sheet" component in React Native will only work on iOS. It's good in Ionic because it's all just HTML, CSS and JS. If you're building a "website" in Ionic, it's as easy to debug as any website, by using DevTools. But once you cross the line and make it also an Android/iOS app, then debugging is more of a pain. But it's about as equally of a pain as debugging in React Native. I think Ionic is a better choice if you ALSO want your app to be a website. So one code base for website, iOS and Android. But it can be tricky to "design" the thing so that it looks like a traditional app on a phone, yet a traditional website on a desktop screen. If you don't plan on your app being a website, then Ionic is still a great choice, but also React Native is a great choice also. They say Ionic is slower because the app is running in a web view. That is true, but it also depends on the application. If your app is super demanding and needs to be 100% snappy fast, then React Native would be a better choice. But if the app isn't so demanding, you may not even notice a speed difference between the two. With Ionic you don't have anything equivalent to Expo, so you're on your own as far as building and submitting apps to the app stores. So which one to choose? I don't know as I'm also trying to figure it out. But above is what I've personally learned. Good luck!
Yeah, right! React Native for Web is a compatibility layer between React DOM and React Native. It can be used in new and existing apps, web-only and multi-platform apps. Have you ever worked with React Native for Web? Has it worked for you?
React Native vs Ionic: which one is your winner? Point out their pros, cons, and strengths just here in the comments! 🤔
I feel like you've missed Ionic's main advantage and that is that you can target not only all mobile platforms with one single common code-base but also desktop as well because Ionic is more portable due to the simple fact that under the hood it is using just standard web technologies and doesn't abstract them as much as React Native does.
Ionic's team has built Stencil.js for this purpose specifically: To build the same component once with pure JavaScript and have it compile and render with native look&feel (desktop/web, iOS, Android, etc.) on any platform. In fact components built with Stencil are closer to native Web Components than native Angular, React or Vue components but thanks to the power of Stencil and integration with Capacitor/Cordova, they can be compiled to the native component of any frontend framework (Angular/Vue/Rect/Svelte/etc) and behave like native platform components (iOS/Android widgets).
This degree of portability is very important in reducing costs. That's probably why Ionic is used more in the enterprise world not just because the enterprise world doesn't have so many users (and with proper code splitting, I don't think you couldn't serve an Ionic app to millions of users).
3:08 SaaS isn't the same thing as Sass, please don't confuse
I am using: Ionic 5⃣ + React #16 = beautiful result
Any good learning resource for angular developer
u mean microfrontends?
@@yashraj-kv6kc Udemy
I've been using Ionic for a few years, (with Angular) but just recently learned React Native, so here sre my thoughts...
React Native:
I already know React, so the learning curve wasn't too hard. I just basically needed to learn how to replace HTML with the alternative tags, and replace CSS with it's equivalent. Plus learn the quirks that it brings. I was surprised to see that out of the box, React Native doesn't include much stuff for the UI. The Button component is super basic and you can only customize the color. So you need to create your own button component in most cases. It's missing so much, but it's recommended that you also use Expo, and Expo thankfully picks up some slack and offers some UI elements. So to get a more complete set of UI components you need to use both React Native and Expo, which is a pain.
But the relative lack of components in React Native made it fairly fast to learn. Most layout stuff is done by nesting tags and styling them. And their layout is mostly done with it's implementation of CSS Flexbox. So if you know that already then there's not a lot to learn.
If you use Expo, then building and deploying is highly simplified. Expo can also submit your app to the app stores for you, and I think you can in theory even build and submit apps even if you don't develop on a Mac.
Ionic:
I like how Ionic has all the common UI elements out of the box, and they're all so beautiful and polished. Also not too difficult to customize the look/feel if you need to. I like how all UI components will work on all platforms (desktop, iOS, Android). While some React Native components will only work on one or the other platform. For example the "Action Sheet" component in React Native will only work on iOS. It's good in Ionic because it's all just HTML, CSS and JS. If you're building a "website" in Ionic, it's as easy to debug as any website, by using DevTools. But once you cross the line and make it also an Android/iOS app, then debugging is more of a pain. But it's about as equally of a pain as debugging in React Native.
I think Ionic is a better choice if you ALSO want your app to be a website. So one code base for website, iOS and Android. But it can be tricky to "design" the thing so that it looks like a traditional app on a phone, yet a traditional website on a desktop screen. If you don't plan on your app being a website, then Ionic is still a great choice, but also React Native is a great choice also. They say Ionic is slower because the app is running in a web view. That is true, but it also depends on the application. If your app is super demanding and needs to be 100% snappy fast, then React Native would be a better choice. But if the app isn't so demanding, you may not even notice a speed difference between the two.
With Ionic you don't have anything equivalent to Expo, so you're on your own as far as building and submitting apps to the app stores.
So which one to choose? I don't know as I'm also trying to figure it out. But above is what I've personally learned. Good luck!
We love hearing from you! Thank you for leaving feedback for us. 😺
Nice comparison, thanks. BTW, for Ionic, AppFlow is great for deploying apps to the app stores. Unsure if it existed when you wrote your comment.
thanks so much bro, this was a good read
So confusing, you can’t say react while talking about react native. Be specific you hurting my brain 🙃
Thanks for the info. I just finished learning css, html & js. Though I think ionic is easier however which one you recommend?
It depends on the project, actually. For most cases, we use React Native.
Thanks for watching!
Based on your explanations, I thinks React Native is best suitable for build Native Mobile Apps
I am building an eCommerce app. would it have a better performance using React Native?
No. Use Qwik or Marko, which are both tailor made specifically for the need of eCommerce. Thank me later.
Great quality editing and content.
2:40 React Native for Web makes React Native compatible with react-dom.
Yeah, right! React Native for Web is a compatibility layer between React DOM and React Native. It can be used in new and existing apps, web-only and multi-platform apps. Have you ever worked with React Native for Web? Has it worked for you?
React Native with expo
Perfect!
Which is better to create a grocery application?
Both could be a good fit, but we would suggest choosing React Native.
@@Jelvix why's that? Seems like ionic way easier
React Native
@@أصيلهميم-س9ج ionic using webview, which mean website inside native app. as far you only use web API, ionic whould more faster development.
Realy good content