Angular 2 — Component Lifecycle Hooks

What Are The New Features Of Angular 2? Why You Used Angular 2?

Angular 2 Features –
·       Angular 2 is Entirely Component Based
·       Directives
·       Dependency Injection
·       Used of TypeScript
·       Used of Lambdas or Arrow functions
·       Generics
·       Forms and Validations
·       And So on.....

Component Based- It is entirely component based. It is not used to scope and controllers and Angular 2 are fully replaced by components and directives.

Directives- The directive can be declared as @Directive annotation.
A component is a directive with a template and the @Component decorator is actually a @Directive decorator extended with template oriented features.

Dependency Injection- Dependency Injection is a powerful pattern for managing code dependencies. There are more opportunities for component and object based to improve the dependency injection.

Use of TypeScript- Type represents the different types of values which are using in the programming languages and it checks the validity of the supplied values before they are manipulated by your programs.

Generics- TypeScript has generics which can be used in the front-end development.

Lambdas and Arrow functions – In the TypeScript, lambdas/ arrow functions are available. The arrow function is additional feature in typescript and it is also known as a lambda function.

Forms and Validations- Angular 2 forms and validations are an important aspect of front-end development.

Why You Used Angular 2?
1.     It is entirely component based.
2.     Better change detection
3.     Angular2 has better performance.
4.     Angular2 has more powerful template system.
5.     Angular2 provide simpler APIs, lazy loading and easier to application debugging.
6.     Angular2 much more testable
7.     Angular2 provides to nested level components.
8.     Ahead of Time compilation (AOT) improves rendering speed
9.     Angular2 execute run more than two programs at the same time.
10.  Angular1 is controllers and $scope based but Angular2 is component based.
11.  The Angular2 structural directives syntax is changed like ng-repeat is replaced with *ngFor etc.
12.  In Angular2, local variables are defined using prefix (#) hash. You can see the below *ngFor loop Example.
13.  TypeScript can be used for developing Angular 2 applications
14.  Better syntax and application structure

TypeScript Q/A

What are Types in TypeScript? Why should I use Typescript?
How to Setup and Install Typescript? What are TypeScript Advantages- Pros and Cons?
What is Variable in TypeScript? How to Declare? What is an Interface in TypeScript?
What is Optional Properties in TypeScript? What is Functions in TypeScript? How many types you defined?
What is the Default Parameters Function? What is Anonymous Functions?
What is Named Function? What is Optional Parameters Function?
What is Lambda/Arrow Functions?
What is Rest Parameters Functions? How to create fields, constructor and function in TypeScript Class?
What are TypeScript Public, Private, Protected and Readonly Modifiers? What are Method Overriding in TypeScript?
What is Inheritance in TypeScript? How Automatic Assignment of Constructor Parameters in TypeScript work?
What are TypeScript Modules? and Types? What’s an Internal Module?
What is an External Modules? What's an export in TypeScript?Why we use it?
What is default export in TypeScript? Why we use it? Export vs. Default Exports
How to declare a nest class structure in typescript? Module vs. Namespace

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog -
My Books - Book 1 and Book 2 Powered by Blogger.