Component Architecture of angular 2

Angular has the best environment and supporting device which help you to get started and set basic world application. The great thing about starting with Angular is that there’s no tons of starter kits and boilerplates to waste time with, figuring out which one satisfies your needs. After a bit of googling you’ll find out there are only a few of them which have everything, you need to create a new application. following list of the most common term:

CLI Project of Angular 2

Webpack Starter of Angular 2

Seed of Angular 2

There’s also some other starters available but these ones are proved which means it will be regularly maintained and up to date with the newest Angular updates.

Mostiy you have to do is to install Angular 2 CLI command on your machine, create a new cli project, with build-in command, and run it in the browser and command.

npm install -g @angular/cli

ng new PROJECT-NAME

cd PROJECT-NAME

ng serve

New project

Set up a new project is probably the easiest part of angular 2. In simply few minutes generate a new project by choosing one of the previously mentioned device. We chose Angular 2 CLI project because it’s developed by the Angular team, the generated project is totally new and clean . you get a CLI device . command line interface means of interacting with our Angular application by issuing text commands in the clam. In This way we can create new components, services, build an application for development and production etc. by using the command line data .

Compatible design

Compatible design we should be able to plug inand out our modules easily when needed. make each part of the applictaion certain and enable multiple team members to work together on the project. This path decuples the new application into blocks of functionality.

Instructional data flow

They are the main building blocks for creating and controlling user interfaces data . Angular 2 modern frameworks will arrange components in a hierarchical order.

we need to assure Instructional data flow within our parent and child components. The main rule is that actions go up and data flows down. Each one component will accept Input() and Output() parameters to receive the data from their parent and send data.

There are mostly 8 building blocks of angular 2.

Components

Modules

Templates

Metadata

Data binding

Directives

Services

Dependency Injection

Modular design