Dor Moshe

@dormoshe

Top 8 Resources to Explore Angular v4

March 21st 2017

This article originally appeared on dormoshe.io

Angular version 4 is out!

On Dec, 8, Igor Minar announced that Angular 3 will be skipped. He also introduced the tentative scheduling of the versions according to the semantic versioning. The due date of Angular v4 release was Mar, 22. In a delay of one day, the final version is available for all of us.

As days past, the community began discussing and discovering the new features. It’s the best time to explore the new version.

In this article, we will look over the prime, qualitative and valuable resources.

Ok… let me explain: it’s going to be Angular v4.0, or just Angular

This post talks about the announcement of Igor Minar from NG-BE conference. It explains about the semantic versioning, the breaking changes scary expression, naming convention, version 3 skipping and show the tentative scheduling.

The Next Version of Angular is Angular v4

This post follows up the upcoming main goals of versions 2.1.x–2.3.x. In addition, it explores some of the features that Angular is looking to roll out in the upcoming release of version 4.

5 Features To Watch Out For in Angular v4

This post will give you a deep dive into the main features of version 4. It explores the following:

  • How to use the genius ‘ngIf; else’ syntax
  • Extracting of animation source code from the core module
  • Typescript’s StrictNullChecks
  • The becoming of Angular Universal a core feature of the core
  • The shipping of flattened versions of modules in the ECMAScript Module format

Server-Side Rendering With Angular v4

SSR (Server side rendering) brings back the benefits of classical websites without forgoing the advantages of modern JavaScript solutions. This article discusses the necessary steps to extend an existing Angular v4 application with server-side rendering. It contains instructions including webpack configuration, Angular-CLI and AOT (Ahead of time compilation) usage.

New in Angular v4 — Improved Reactive Programming Support

As you can see in the Angular core roadmap, one of the main goals is the continuous improvement of the support for building Angular Applications in Reactive style. Reactive programming is a programming with asynchronous data streams. This article discusses how the new features of Angular v4 support the reactive programming approach. It explains how the ngIf and Async pipe can combine together in order to achieve a boost of improvement to the application.

Angular — Advanced Styling Guide (v4+)

This guide covers the different options available when styling Angular Components and Directives. It explores the following:

  • Encapsulation Modes: emulated, native and none
  • Browser support, Shadow DOM vs Light DOM
  • @Component styling metadata and @HostBinding
  • ngClass and ngStyle directives
  • Shadow DOM selectors
  • Renderer and setElementClass/setElementStyle, ElementRef, nativeElement APIs (Web, Server, WebWorker)
  • Execution order

A Taste from Angular Version 4

This article shows us how Angular version 4 make our life easier with two new features: NgComponentOutlet and ngIf.
NgComponentOutlet is a new directive that provides a declarative approach for dynamic component creation.
The ngIf directive now supports the else statement that takes a template reference to render when the condition is false.

Angular v4 Features Depreciations and New Changes

The Angular team publishes the changes of each release in the github repository. This article shows the main Angular v4 new features, depreciations and breaking changes.

This list of resources is part of angular-ninja repo in github.

You can follow me on dormoshe.io or Twitter to read more about Angular, JavaScript and web development.

More by Dor Moshe

More Related Stories