A component library is a collection of logically group components so that one can explore, select components and helps in maintaining consistent design across projects. nag-ionic-lib built using following components.
Install Ionic - Open the command prompt and run
npm install -g @ionic/cli
Update the angular cli
npm install -g @angular/cli@latest
Create an app ionic start nagTabs tabs syntax: ionic start app types are a. tabs: A tabs based layout b. sidemenu: A sidemenu based layout c. blank: An empty project with a single page
As a forewarning, we are moving the CLI npm package to "@angular/cli" with the next release, which will only support Node 6.9 and greater. This package will be officially deprecated shortly after. To disable this warning use "ng set --global warnings.packageDeprecation=false". You have to be inside an angular-cli project in order to use the test command.
How to open urls using InAppBrowser plugin & window.open from ionic3+ apps. We can InAppBrowser plugin & window.open for opening urls from ionic3+ app
Add a provider to the Ionic3 app refer and follow the below steps
How to Add Providers in Ionic3+
AppStateProvider - is developed for Temporary Storage which persists only when the app is live once the app is closed the AppState data will be destroyed. For small data to save permanently use StorageProvider which is a local Storage.
Providers are special classes which decorated with @Injectable decorator. Providers are used to a specific work. We can organize the code and code can be reused in multiple places e.g in pages, other providers too.
We will added now simple Local StorageProvider by using the command
ionic g provider Storage
Created a folder constants and create a file app.configs.ts
Add below code which needs to be used across app
First go through the below articles
1. How to create a basic ionic3 + mobile application
Install Font-Awesome
npm install font-awesome --save
Create a config folder at root and create a file custom.copy.config.js
config/custom.copy.config.js