What you’ll 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


Note: this course is currently being updated to Ionic v6; it includes some old sections that will be removed soon.

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.

Link description