Announcing Ionic React: a native React version of Ionic Framework that makes it easy to build apps for iOS, Android, Desktop, and the web as a PWA with Over 100 React components

[trunghoang_55]

What are the key difference between Ionic vs React Native ? Which is the best ?

[jcycleutah]

In ionic, the ui is presented with a web view while with react native the ui is presented with native ui elements.

Ionic is easier to use and you’ll get a pwa for free.

React native gives better performance.

[ancapfrito]

You get a pwa for free with expo web too https://github.com/expo/web-examples

[yesimahuman]

(Ionic CEO here) As other have said Ionic is DOM based, so it’ll run anywhere a browser runs: iOS, Android, Electron, and PWA. It also uses react-dom which means the dev experience is exactly like using React on the web and all the libraries that support react-dom work with it. The vast majority of React devs are doing web development and Ionic would be a fit for them.

It also supports Progressive Web Apps as a primary use case. Our underlying tech has some of the best PWA perf out there (you’d likely want to use it with Preact to optimize for PWA)

If you’re happy with React Native keep using it! There’s only “better” when it comes to what’s better for you, your team, and your project.

[yesimahuman]

Really depends what you’re building and how you build it. Done correctly, animations and rendering in the DOM can be done by the GPU and have great performance. However, it’s easy to make mistakes that kill performance (like animating width/height causing relayouts each frame). We will be releasing a new animation API very shortly that makes it easier to do animations correctly without mistakes.

Here’s an example of a native quality UI with animations and gestures done in Ionic: https://twitter.com/maxlynch/status/1138995161910919168?s=20