Coding our app

Now that we have everything set up to start working on our application, let's define the followings things:

  • Defining our root app component
  • Creating the components of our app
  • Creating providers/services for various functionalities
  • Creating Ionic pages for various views

Root app component

The root app component is the main component of our application. Previously, Ionic 2 used @App decorator for defining a root app component, but now it is using Angular's @Component.

The following code should be present in app.ts:

/* /app/app.ts */ import {Component, ViewChild} from '@angular/core'; import {Platform, Storage, LocalStorage, NavController, ionicBootstrap} from 'ionic-angular'; import {StatusBar} from 'ionic-native'; import {FileProvider} from ...

Get Ionic 2 Blueprints now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.