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
Ionic React
- 161