Ionic React: Cross-Platform Mobile Development with Ionic

Name: Ionic React: Cross-Platform Mobile Development with Ionic
Rating: 4.7 (875 reviews)

Create mobile web and native Android/iOS apps from a single codebase with React, Ionic Framework, Capacitor, Firebase.

Highest rated

(875 ratings)

5,255 students

Created by Mirko Nasato

Last updated 9/2023

English

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

Requirements

Familiarity with modern web development: HTML, CSS, JavaScript, npm
Familiarity with React, including hooks (at least useState and useEffect)

Description

Note: this course was recorded using Ionic v6 and Capacitor v4. It has not yet been updated for the latest Ionic v7 and Capacitor v5.

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.

Who this course is for:

React developers who want to build mobile apps

Featured review

Flavio D.

23 courses

3 reviews

3 years ago

I have barely seen courses so well prepared as this one. It has just the right level of information, clearly explained examples and a sound didactic structure. It goes from zero to intermediate in a step-wise and incrementally solid manner. Additionally, the aesthetics and layout of the screen presentations are quite pleasant and soft. The diction of the instructor is sound making it feasible to watch the videos even in 2x speed without getting lost. I really recommend it 100%.

Mirko Nasato

Software Developer and Mentor

4.7 Instructor Rating
5,565 Reviews
42,764 Students
3 Courses

Mirko has 20 years of experience developing software for a wide range of companies, from startups to large, high-profile organisations, more recently as Lead Developer and Architect.

He is familiar with a number of programming languages and the full application stack, from backend services to web and mobile apps. Mirko also holds a Postgraduate Diploma in Software Development from the Open University.

He is always keen to learn new technologies and enjoys teaching on Udemy because it gives him the opportunity to share his experience with thousands of other developers.

He runs his consultancy company, Encoded Knowledge Ltd, based in London, U.K.