HomeCoursesDeveloping Mobile Apps with Ionic and React

Save

Developing Mobile Apps with Ionic and React

Name: Developing Mobile Apps with Ionic and React
Price: 59 USD
Author: Michael D. Callaghan

Delve into Ionic and React to build a functional mobile app. Gain confidence and skills in creating and deploying apps for iOS and Android.

Created by Michael D. Callaghan

Developing Mobile Apps with Ionic and React

What's included

31 lessons across 7 modules
13 quizzes with instant feedback
on every lesson

Join 3.1 million developers at

What you'll learn

Set up an Ionic React dev environment with Node, npm, Git, and the Ionic CLI on your OS
Create and run a new Ionic React app from the CLI and navigate the starter project structure
Build dynamic Ionic UI in TSX using arrays and map to render component lists
Implement routing, pages, and a side menu using core files like App.tsx, Page.tsx, and Menu.tsx
Customize navigation by editing appPages, adding pages, updating routes, and enabling live reload
Develop an attendance app roster with hooks, IonList/IonItem, sliding options, and action sheets
Add UX safeguards with confirm alerts, toast notifications, undo delete, sorting, and reusable headers

Learning Roadmap

31 Lessons13 Quizzes

Introduction to Ionic Framework

Get familiar with Ionic framework basics, TSX integration, and essential mobile app development concepts.

Introduction

Gentle Introduction to TSX

Hello Ionic!

Look at creating and customizing your first Ionic app, including a guided code tour.

Your First Ionic App

Guided Tour of the Ionic-React Code

Customize the Code

Building an Attendance Application

6 Lessons

Work your way through building an attendance app with Ionic and React components.

Improving the UI

4 Lessons

Grasp the fundamentals of enhancing app UI with functionality, notifications, navigation, and demonstration.

Apply What You Have Learned

10 Lessons

Solve problems in modifying UI elements, adding functionality, and enhancing app maintainability.

Appendix – Installing the Tools

5 Lessons

Simplify complex tool installations for Ionic and React app development across platforms.

Conclusion

Build on your foundational knowledge of Ionic and React for mobile app development.

Summary

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Show License and Attributions

About this course

WHY I WROTE THIS COURSE

The Ionic Framework is an open-source SDK for hybrid mobile app development. It’s known for providing platform-specific UI elements through a library of native components for iOS and Android. In this course, you will cover all the most important aspects of development with Ionic and React. Throughout, you will work to build a fully functional attendance application which you can add to your portfolio. By the end, you will have the confidence and the means to create and deploy your own mobile app for iOS or Android.

ABOUT THE AUTHOR

Michael D. Callaghan

Hello, I'm Mike Callaghan. I am an LDS husband, father, and Software Engineer for Disney Parks, Experience, and Products Technology. I also create video courses about web development, mostly revolving around the Ionic Framework.

Learn more about Michael

Trusted by 3.1 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

Vinay Krishnaiah

Software Developer

Course

Advanced React Patterns With Hooks

Gain insights into advanced React patterns with hooks. Learn about optimizing components with hooks over traditional methods like render props or higher-order components for better efficiency.

8 h

advanced

Course

Full Reactive Stack: Spring Boot 2 & Spring WebFlux

Gain insights into building Reactive Web Applications with Spring Boot 2 and Spring WebFlux, from database integration to front-end. Explore Reactive vs MVC, performance, and deployment with Docker.

6 h

intermediate

Course

Build Reactive Websites with RxJS: Master Observables and Wrangle

Gain insights into building reactive websites with RxJS. Delve into mastering observables and managing events efficiently to create fast, responsive applications while reducing bugs.

50 h 30 m

intermediate

Course

Developing Applications with ASP.NET Core

Explore ASP.NET Core by delving into MVC design, JSON web APIs, repository patterns, and adding authentication. Gain insights to confidently develop full-stack or backend applications.

20 h

intermediate

Course

Learn React 19: The Complete Guide to Modern Web Apps

Start from the basics and become a confident React 19 developer by building fast, real-world UIs while learning scalable architecture, async UI patterns, performance optimization, and projects.

29 h

beginner

Course

Advanced React Patterns With Hooks

advanced

8 hour

Course

Full Reactive Stack: Spring Boot 2 & Spring WebFlux

intermediate

6 hour

Course

Build Reactive Websites with RxJS: Master Observables and Wrangle