Ionic React v6: Cross-Platform Mobile Development with Ionic
Create mobile web and native Android/iOS apps from a single codebase with React, Ionic Framework, Capacitor, Firebase.
Description
Important: this course was recorded using Ionic v6 and Capacitor v4, not the latest versions that are now Ionic v8 and Capacitor v6.
Ionic React lets you build mobile websites as well as native Android and iOS apps from a single code base, using familiar web technologies such as JavaScript/TypeScript, HTML, and CSS.
This course will introduce you to Ionic step by step, starting from a normal React app in plain JavaScript, and gradually adding more and more Ionic components.
Then it will guide you through developing a simple but complete app that includes some form elements and a chart (based on Recharts), and show you how to build this app not only as a mobile website but also as a native Android and iOS app using Capacitor. The Capacitor section includes essential tips on how to debug your application while it's running on Android and iOS.
You will then see how you can use the Ionic CLI to quickly generate a new Ionic React project, including with TypeScript support.
Later on you will learn how to build a more complex application, featuring page navigation / routing and integration with the Firebase API, handling user authentication, storing data in the Cloud Firebase database, and uploading user-generated files such as pictures to Cloud Storage.
Finally, the course will show how to publish a mobile app to the Google Play store for Android, and the Apple App Store for iOS.
What You Will Learn!
- Develop mobile apps using web technologies with Ionic and React
- Build a mobile website as well as Android and iOS native apps from the same code base
- Integrate with a Firebase backend to handle user authentication and store data
Who Should Attend!
- React developers who want to build mobile apps