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

data.tar.gz

ionic

ionic-start

ionic-test

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.

Developing Mobile Apps with Ionic and React

# Editor

First and foremost, you will need a decent text-editor or integrated developer environment. I use and recommend Visual Studio Code. VS Code is a free and open-source cross-platform development environment for Microsoft, designed from the ground-up to work with all the technologies you will be using. Of course, you are free to use whatever tool you are comfortable with.


# Software tools

Developing and deploying an Ionic application requires some initial configuration. You will need the following tools, in addition to the code editor:

- Node
- NPM
- Git 
- The Ionic CLI itself, installed globally

Most of the tools you will use rely on Node, a JavaScript-based runtime environment; I recommend the LTS (long-term-support) version.


NPM is a package manager built on top of `node`. Most of the tools you need are distributed as `npm` packages. It is installed with `node`.

Most of the tutorials for Ionic expect you to have Git, a powerful and flexible source control system, and its related tools. If you have a Mac or Linux, you probably already have it.

Installing these items depends on your platform. If you need detailed instructions on how to do that, refer to the rest of this chapter.

Learn which tools are required to get started with Ionic.


Introduction to Ionic Framework

Hello Ionic!

Building an Attendance Application

Improving the UI

Apply What You Have Learned

Appendix – Installing the Tools

Conclusion

Getting Started

Editor