By working on its tutorial: Tour of Heroes
Coming from AngularJS (version 1.x), I would like to get to know about new Angular. So I start with its official tutorial, Tour of Heroes.
I am glad for starting up with this. It's very much different from AngularJS. A big change. There are a lot more things to learn.
Here is the link to my version of the tutorial, https://github.com/mjunaidi/angular2-cms. My changes are very little. I try to modularise the application, so that I can started with any new project much faster. However I still could not find time to perfect it.
There are two new buttons I have added at the top of the page, Demo and Stub. By clicking on it, each will open up its own module. The module could be customised with a specific functions and completely independent from other modules.
Starting it up
To start it up, we have to build it up first by using npm install. Then, simply use npm start. It might display something similar like below.
The command will trigger the lite server to run the app. It is accessible at http://localhost:3000. In fact the browser will be opened automatically and bring us to it. The app is utilising browser-sync, it means any changes to watched files will trigger the changes to the ui automatically. This is super helpful to improve productivity.
To work on
The issue that needs to be resolved is if there is a need to share any resources between modules, so I think I need to figure out the interdependent modules where each independent module can share their resources. Another issue to figure out is the perfect way to implement the data structure for this kind of application. I am trying to experiment with this that is not specific to Angular app alone. I hope I can figure it out.
Thanks for reading!