This is the mock-up of the first version app that we will create.
When user click their name, it will navigate to Profile page.
When user click Update button, it will navigate to Chat page.
Break into smaller Components
A Component is the fundamental block of an Angular 2 application.
1) Chat page
We can split Chat page into multiple components. The left side can be splited into three components, which are
The right side can also be splited into three components, which are
2) Profile page
Since the profile page is simple now, we will have only one
Our app component structure is like this:
Profileare smart components, which will be used to interact with Server through Angular 2 Service later.
Dumb component: The rest of them are dumb components including