Many organizations have large AngularJS 1.x applications deployed to production. These applications may be built by multiple teams from different lines of business. They may use different routers and state management strategies. Rewriting such applications all at once, or big bang migrations, is not just impractical, it is often impossible, and mainly for business reasons. We need to do gradually, and this is what this series of articles is about.

Source: Upgrading Angular Applications: Upgrade Shell – nrwl

This post assumes that you at least have some working knowledge of Angular and Decorators.

If you have no prior knowledge on the subject, you can read the following articles:

• Make your Code Cleaner with Decorators
• Automagically Unsubscribe in Angular
• Decorators & metadata reflection in TypeScript: From Novice to Expert

Source: Inspiration for Custom Decorators in Angular – NetanelBasal

This will be a short blog post, because there are not a lot of new features…

The most part of the work has been done on the official docs, which are now an Angular CLI app, and this migration takes some time. We can then expect to have nice new content when this will be done.

So, what are the new features? Let’s dive in!

Source: What’s new in Angular 4.1? | Ninja Squad

In this article we’re going to quickly explore 7 Angular development tools which can make our everyday life easier. The purpose of the list is to not be opinionated architecture wise. This means that we’re not going to discuss tooling which has impact over our choice of application state management, data layer, etc. For instance, although packages like ngrx/store devtools, universal, and others are amazing once we’ve chosen a specific architectural approach, we’re going to keep them out of this article because they assume we’re using a specific way of state management or application rendering.

Source: 7 Angular Tools That You Should Consider – Minko Gechev’s blog

ngrev

Graphical tool for reverse engineering of Angular projects. It allows you to navigate in the structure of your application and observe the relationship between the different modules, providers and directives. The tool performs static code analysis which means that you don’t have to run your application in order to use it.

 Source: ngrev/README.md at master · mgechev/ngrev

I’ve been finding myself using Maps and Sets quite a bit lately. This is becoming especially true when I traverse through an array, or array of arrays, reducing it down to a set of unique, or key-value pairs. As a result, I recently had to write a Pipe similar to one that I previously wrote in order to iterate over Map and Set keys and values using ngFor. At the time of this writing, ngFor doesn’t natively support the Set and Map data types.

Source: Looping Over Maps and Sets in Angular 2’s ngFor | WebCake

In case you missed it, Node now supports async/await out of the box since version 7.6. If you haven’t tried it yet, here are a bunch of reasons with examples why you should adopt it immediately and never look back.
Source: 6 Reasons Why JavaScript’s Async/Await Blows Promises Away (Tutorial)

It doesn’t often happen that a framework takes over the landscape of web development in just five years, but suppose that you either make something that sticks, or you don’t. Angular — which is Google built — managed to capture the hearts of developers early on, and has since flourished and evolved into one of the best JavaScript frameworks there are. Angular 2 introduces some bold moves that might be surprising to those who aren’t familiar with the mobile web, but Angular 2 is strictly focused as a mobile-first framework, meaning that desktop apps and websites would need to be built in reverse order. Wonderful strategy if you ask us, mobile is already surpassing all expectations, and as billions more get connected, it only makes sense that we build with mobile web in mind first.
Source: Top 27 Angular 2 Components for Web Developers – Colorlib

Angular 4 comes with some useful changes in the router. Let’s take a look at the changes in receiving parameters by a route and in the CanDeactivate guard (see here).
Source: Angular 4: Changes in the router – Yakov Fain’s Blog

This year, over 64,000 developers told us how they learn and level up, which tools they’re using, and what they want.

Source: Stack Overflow Developer Survey 2017