First step with ionic framework.

By | 12/08/2019

Node.js is a platform built on Chrome’s JavaScript runtime for easily building fast, scalable network applications.
This tutorial is based on Fedora 30 distro.

Let’s see the version for npm and nodejs:

Ionic Framework is the free, open source mobile UI toolkit for developing high-quality cross-platform apps for native iOS, Android, and the web—all from a single codebase. , see the official webpage.
Ionic has added support for React.
Let’s install this:

The next step is create the application react.
I use –type=react to generate a project based on React and select tabs.

Now you can run it:

You can see the result into your browser at localhost:8100.
Make your changes and deploy your app to a real device using the Deploying guide for iOS & Android.
You can use third-party API using the Axios client.
Axios is a lightweight HTTP client and can be install with:

You can use Cordova command-line:

You can use Capacitor is a cross-platform app runtime that makes it easy to build web apps that run natively on iOS, Android, Electron, and the web:

If you want to use with Ionic new project use this:

In this case I have an project and I used this:

Depending on the requirements of the project you can use other options with Ionic.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.