A simple seed to start use Ionic with NgRx.
This seed is using Ionic 3, Angular 5 and NgRx 5.
Node >= 8.0
NPM >= 5 or Yarn
Execute the following steps to start a new project:
- Run
git clone --depth 1 git@github.com:luizmacfilho/ionic-seed.git
to clone the seed - Open ionic-seed folder running
cd ionic-seed
- Run
npm install
to download all dependencies
In ionic-seed folder:
- Run
ionic serve
to init project - Go to http://0.0.0.0:3000 or http://localhost:3000 in your browser
ionic-seed/
├──config/ * configuration files are saved here
│ └──webpack.config.js * webpack config file
│
├──e2e/ * e2e test config folder
│
├──resorces/ * ionic resources folder
|
├──src/ * source files that will be compiled to javascript
| ├──index.html * index
| ├──manifest.json * manifest config for PWA
| ├──service-worker.js * service woriker config
│ │
│ ├──actions/ * ngrx actions are saved here
│ │
│ ├──app/ * main app config
│ │
│ ├──assets/ * static files aresaved here
│ │
│ ├──effects/ * ngrx effect are saved here
│ |
│ ├──environments/ * environment variables files are saved here
│ |
│ ├──models/ * interfaces are saved here
│ |
│ ├──pages/ * project pages folder
│ |
│ ├──reducers/ * ngrx reducers are saved here
│ |
| └──theme/ * ionic theme stylesheets and sass variables
|
├──test-config/ * unit test config folder
│
├──config.xml * apache cordova config file
├──ionic.config.json * ionic config file
├──package.json * npm dependencies
├──tsconfig.json * typescrypt config
└──tslint.js * typescrypt lint rules
- Ionic - Official Ionic docs
- NgRx - Official NgRx repo
- Angular - Official Angular docs
- Environment variables - A repository used to explain how environment variables work
- Test Configuration - How to configure unit and a2a tests