Ionic React App

Speaker: NC Patro

Follow me on Twitter and Medium

@npatro7m

What is Ionic ?

Defining Moment in Marvel

Defining Moment in Hybrid App Development

What is Ionic React ?

  • A native React version of Ionic Framework


  • Build apps for iOS, Android, Desktop, and the Web as a PWA


  • All with one code base


  • Standard React development patterns


  • Same react-dom library

What About React Native ?

React Native vs Ionic React

  • Native UI vs Web UI

  • Mostly Android and iOS vs Any Platform where web runs (Mobile, Desktop, PWA)

  • Shared Code vs Shared Component


  • Hybrid-Native vs Hybrid-Web


  • react-dom vs react-native

What About Performance?

What is Capacitor ?

Build ionic-react app

/* Install Ionic CLI */
npm install -g ionic@latest


/* Creation of a React project with Ionic */
ionic start myApp blank --type=react
cd myApp


/* Run project in browser */
ionic serve

Build native app

/* add Capacitor to your project */
ionic integrations enable capacitor



/* Next, build the project, then add platforms */
ionic build
ionic cap add ios
ionic cap add android


/* open native IDEs to build and run */
ionic cap open ios
ionic cap open android

Choices

Thank You

Follow me on Twitter and Medium

@npatro7m

Ionic React

By NC Patro