The best of the world of Angular for the week - Digest number 1 (January 18 - January 25)

From the sandbox

Fresh selection with links to news and materials.

Enjoy reading!

Releases

Angular

Angular 7.2.2 - improved Bazel support

Angular cli

Angular CLI 7.2.3 - fixed bugs, improved stability

Angular CLI 7.3.0-beta.0 - many improvements related to Ivy, experimentalIvy flag added to generate a new application with Ivy

Angular CLI 7.3.0-rc.0

TypeScript 3.3 RC - improved support for Union Types and 4 times accelerated the incremental build of Composite Projects.

Composite Projects were published in TypeScript 3 and you can read about them by reference .

More information about the new release can be read on the official site .

Instruments

Angular Console , which adds UI for Angular CLI, now has its own VS code plugin.

ngx-quicklink by mgechev , using the Intersection Observer API for Preloading Strategy, speeds up the loading of Angular applications.

Similar to the rxjs-operator-counter command , Rustam wrote the cool ng-app-counter utility for Angular .

rx-handler is a terrific ReactiveX tool that reduces boilerplate.

rxjs-watcher is a simple Chrome DevTools extension that renders RxJS.

serverx-ts is an experimental Node.js HTTP framework using RxJS.

Do you think you know RxJS well ? Test your knowledge in the mini-game RxJS Puzzles !

TweetDeck is an application for tracking GitHub repositories.

fx is a terrific CLI tool for easily viewing and editing JSON in a terminal.

Spectator is a useful tool for testing Angular applications, which makes testing easier and reduces the number of boilerplates.

NgxFormly is a simple tool for creating and dynamically displaying reactive forms.

Prettier is a tool for formatting code. It has a minimalistic config, there is integration with all IDEs and supports many languages.

For easy installation of Prettier in Angular , there is a ready-made schematics

HTTP Client Karin unusually uses template literals.
(It is not recommended to use, use standard mechanisms)

RunJS - scratchpad for your experiments with Node.JS (macOS only)

Interesting articles

Before doing micro-optimizations, check that all of the above has already been done for your Angular application:

Use the Angular CLI
Compress your assets brotli / gzip
Use code-splitting with loadChildren
Preload routes
Use the Angular Service worker

https://github.com/mgechev/angular-performance-checklist

ExpressionChangedAfterItHasBeenCheckedError

All you need to know about ExpressionChangedAfterItHasBeenCheckedError
https://blog.angularindepth.com/everything-you-need-to-know-about-the-expressionchangedafterithasbeencheckederror-error-e3fd9ce7dbb4

Angular injector

To ensure a quick search for providers, Angular under the hood uses Bloom Filters . There is a great article that explains this data structure in detail:
https://llimllib.github.io/bloomfilter-tutorial/

Angular forms

Organization of the application using NgxFormly
https://hackernoon.com/organize-your-forms-application-using-ngx-fomrly-796150461045

Error handling with Angular and NgxFormly
https://itnext.io/error-handling-with-angular-6-and-ngx-formly-8272a3aa7871

Angular monorepo

Nrwl published the book " Angular Enterprise Monorepo Patterns ".
https://go.nrwl.io/angular-enterprise-monorepo-patterns-new-book

Experiment ivy

You can try Ivy now, for this you can use a ready-made application.
https://github.com/thekiba/angular-experimental-ivy

Or do it yourself a few steps:

Update angular / cli to 7.3.0-beta.0
Create New Application
Manually update angular to 8.0.0-beta.0
Remove the es5BrowserSupport parameter from angular.json

npm i -g @angular/cli@7.3.0-beta.0
ng new angular-ivy --experimentalIvy

Ivy performance

Kliment Ru did some wonderful research on the performance of the Ivy, and got unexpected results.
https://medium.com/ngx/angular-ivy-perfomance-f98e5ca2e45e

Ivy & AngularNYC

Igor Minar on AngularNYC answers questions about IVY .
https://youtu.be/a3j5U5WVmUo

Angular and Bazel

Minko Gechev answers questions related to Angular and Bazel , and tells about the interesting features of the new collector.
https://youtu.be/vlIhnYnMAX0

Bazel

Incremental and remote build of Angular on servers using Bazel.
https://blog.nrwl.io/building-angular-applications-remotely-with-bazel-efc506e44726

Introducing Ionic 4

Today, I am pleased to announce the release of Ionic Framework 4.0 , which can easily be called “Ionic for Everyone” .
Max Lynch
https://blog.ionicframework.com/introducing-ionic-4-ionic-for-everyone/

NGRX 7

In NGRX appeared site https://ngrx.io with detailed documentation.
The new version added the long-awaited type support for Actions , presented us with Selector Props , lifecycle methods OnInitEffects and OnIdentifyEffects . Improved support for Entity , Router Store and Store Devtools .
https://medium.com/@ngrx/announcing-ngrx-version-7-docs-testing-and-more-b43eee2795a4

Angular Forms: Magical Error Mapping

Netanel Basal talks about how directives can be used to more easily display errors in Angular.
https://netbasal.com/make-your-angular-forms-error-messages-magically-appear-1e32350b7fa5

Launchpad for RxJS

Cédric Soulas has updated the site reactive.how, and added a convenient Launchpad to search for the necessary operators in various categories.

Explore categories
Look for operators
Study them

https://reactive.how/rxjs/

If you are not yet subscribed, then subscribe to my Twitter and Telegram channel , as well as join the Telegram group to keep abreast of the latest developments in the world of Angular.

Tags: