Yesterday the team behind the Ionic Framework announced the general availability of Ionic React, which is a native React version of Ionic Framework, pivoting from its traditional Angular-focused app framework.
“Ionic React makes it easy to build apps for iOS, Android, Desktop, and the web as a Progressive Web App”, states the team in a blog post. It uses Typescript and combines core Ionic experience with the tooling and APIs that are tailored to developers. It is a fully-supported, enterprise-ready offering with services, advisory, tooling, and supported native functionality.
How is Ionic React different from React Native
The team realized that there was a gap in the React ecosystem that Ionic could fill as an easier mobile and Progressive Web App development solution. Developers were also interested in incorporating it in their existing React Native apps, by building more screens in their app out of a native WebView frame.
There were two major reasons why the Ionic team built @ionic/react.
First, it is DOM-native and uses the standard react-dom library. In contrast, React Native builds an abstraction on top of iOS and Android native UI controls. The team states, “When we looked at installs for react-dom compared to react-native, it was clear to us that vastly more React development was happening in the browser and on top of the DOM than on top of the native iOS or Android UI systems”
Secondly, Ionic is one of the most popular frameworks for building PWA, most notably the Stencil project. React Native, on the other hand, does not officially support Progressive web apps. PWAs are, at best, an afterthought in the React Native ecosystem.
@ionic/react has been well appreciated by developers on Twitter.
Many congrats @Ionicframework team and thanks for providing us such best tool ! #ionic + #react = #ionact 🤩 https://t.co/hAFDfNKLna
— Dipak Singhavi (@dipakcreation) October 15, 2019
So Ionic React has just dropped. We build apps based on web tech (including desktop systems in warehouse environments) and with Ionic continuing to push boundaries, it means we can continue to build better products. @Ionicframework, you've done it again. Thank you so much 🙏👏
— Michael Wilkinson (@MichaelW_PWC) October 14, 2019
I've loved Ionic for a long time, originally, they were tightly coupled with Angular, so it's nice to see them expand to other frameworks. #rayboTIL #webdevelopment #frontenddevelopment https://t.co/L6umkuI9m0
— Ray Villalobos (@planetoftheweb) October 14, 2019
You can go through Ionic’s blog for additional information and for getting started.
Ionic 4.1 named Hydrogen is out!
React Native Vs Ionic: Which one is the better mobile app development framework?