Note: this course was recorded using Ionic 5, Capacitor 2, and Firebase 8, not the latest Ionic 6, Capacitor 4, and Firebase 9.

IonicReact 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.

This course is based on version 5 of the Ionic Framework.