Angular Newsletter Issue No #3 7th November 2019
Tags: angular, webdev, javascript, typescript
Published: 2019-11-07 08:33:58

This is my weekly [newsletter](https://codinglatte.com/newsletters/) for Angular and related news. Every week, I go through the web and find and curate the articles I find most interesting to share with you.

### 1. Transloco’s New Dev Tools Make i18n in Angular Easy as Pie

…

Translation is a tiresome and repetitive task. Each time we add new text, we need to create a new entry in the translation file, find the correct placement for it, etc. Moreover, when we delete existing keys, we need to remember to remove them from each translation file.

To make the process less burdensome, we’ve created two tools for the Transloco library, which will do the monotonous work for you. Let’s examine each one:

…

By *Netanel Basal* | **[Read Article](https://netbasal.com/translocos-new-dev-tools-make-i18n-in-angular-easy-as-pie-889b3ddd6a69)**

### 2. Use the new Angular Clipboard CDK to interact with the clipboard

The [helium-barbell (v9.0.0-next.1)](https://github.com/angular/components/releases/tag/9.0.0-next.1) release brings us a new CDK clipboard module to interact with the clipboard. In this post, we'll explore how to use the new CDK with some examples.

…

By *Tim Deschryver* | **[Read Article](https://timdeschryver.dev/posts/use-the-new-angular-clipboard-cdk-to-interact-with-the-clipboard)**

### 3. The new Angular YouTube Player component!

There’s a cool new component in the Angular world 🌎! It makes it easier than ever before to add YouTube videos to your Angular applications. Install it today and try it out:

…

By Craig | **[Read Article](https://dev.to/phenomnominal/the-new-angular-youtube-player-component-2cn6)**

### 4. Upgrading with Angular Elements: Top Lessons Learned

In my last blog, [How Capital One is Using Angular Elements to Upgrade from AngularJS to Angular](https://medium.com/capital-one-tech/capital-one-is-using-angular-elements-to-upgrade-from-angularjs-to-angular-42f38ef7f5fd), I gave a deep dive into Capital One’s massive Angular transformation of our customer servicing platform. Today, I want to build on that by sharing with you the top lessons we have learned and embraced during our migration journey. Some of these lessons are human focused, and others are centered around technical challenges we have faced.

If you haven’t already, check out our [Ng-Conf 2019 talk](https://www.youtube.com/watch?v=WFzph5uTdmw) on how we are using Angular elements!

…

By *TJ Seaman* | **[Read
Article](https://medium.com/capital-one-tech/upgrading-with-angular-elements-eb3185e26382)**

### 5. Google Maps is now an Angular component

The new Angular Component [pearl-lullaby (v9.0.0-rc.0)](https://github.com/angular/components/releases/tag/9.0.0-rc.0) introduces the second official @angular/component component, a Google Maps component. In this post, we take a look at getting started with the Google Maps component.

…

By *Tim Deschryver* | [**Read Article**](https://timdeschryver.dev/posts/google-maps-as-an-angular-component)

### 6. Debugging Memory Leaks in Angular

Building large applications entails writing lots of code, complex pages, long lists, and hundreds (if not more) of components. If you’ve worked at least once in a non-trivial web application, you may have found yourself battling a memory leak for hours and hours.

In this article, I want to introduce you to a number of situations where memory leaks are most likely to happen, and how you can deal with them thanks to the powerful Chrome DevTools.

…

By *Giancarlo Buomprisco* | **[Read Article](https://dev.to/gc_psk/debugging-memory-leaks-in-angular-4m2o)**

### 7. Exciting Times Ahead — Be Ready For Angular 9

The Angular 9 RC is out, what an exciting time to be Angular developer, no I am not saying this because of Angular 9 RC release. It's because Ivy is here, Ivy is now the default rendering engine in Angular.

…

By *Santosh Yadav* | [**Read Article**](https://blog.angularindepth.com/exciting-time-ahead-be-ready-for-angular-9-b3dbb4078c47)

### 8. Why do we have Dependency Injection in web development

Dependency Injection (DI) software design pattern has long been part of native client and server-side applications that use OOP languages. In essence it’s a technique for achieving Inversion of Control (IoC) between classes and their dependencies. With the rise of enterprise focused front-end frameworks like Angular and Ember, many web developers have become familiar with the pattern and mechanism of DI container.

…

By *Max Koretskyi* | [**Read Article**](https://blog.angularindepth.com/why-do-we-have-dependency-injection-in-web-development-f8815e593b38)

### 9. Announcing TypeScript 3.7

We’re thrilled to announce the release of TypeScript 3.7, a release packed with awesome new language, compiler, and tooling features.

…

By *Daniel* | [**Read Article**](https://devblogs.microsoft.com/typescript/announcing-typescript-3-7/)

### 10. 3 easy ways to boost your web application performance

When building a web application, there’s something you absolutely need to take account: performance. Your app may be greatly designed or have some killer features, nobody will use it if it’s not performant. Users are not patient. But how can one make an app more performant? Well, the less your browser has stuff to do, the faster it will be, right? Then, a great strategy to boost your app performance is to give the browser less work, that is to say, reduce the amount of stuff to load. There are easy ways to do so and we’ll take a look at three of them today.

…

By *Thomas Lombart* | **[Read Article](https://thomlom.dev/3-ways-boost-web-app-performance/)**

### 11.  Restricting Notification Permission Prompts in Firefox

In April we announced our intent to reduce the amount of annoying permission prompts for receiving desktop notifications that our users are seeing on a daily basis. To that effect, we ran a series of studies and experiments around restricting these prompts.

Based on these studies, we will require user interaction on all notification permission prompts, starting in Firefox 72. That is, before a site can ask for notification permission, the user will have to perform a tap, click, or press a key.

In this blog post I will give a detailed overview of the study results and further outline our plans for the future.

…

By *Mozilla* | [**Read Article**](https://blog.mozilla.org/futurereleases/2019/11/04/restricting-notification-permission-prompts-in-firefox/)

### 12. Getting your sites ready for the new Microsoft Edge

This morning, we released Microsoft Edge Beta version 79, which is the final Beta before the new Microsoft Edge is generally available, also known as the “Release Candidate.” On January 15th, we expect to release the “Stable” channel, at which point Microsoft Edge will be generally available to download on Windows and macOS.

The new Microsoft Edge is built on the Chromium engine, providing best in class compatibility with extensions and web sites, with great support for the latest rendering capabilities, modern web applications, and powerful developer tools across all supported platforms.

…

By *Kyle Pflug* and *John Jansen* | [**Read Article**](https://blogs.windows.com/msedgedev/2019/11/04/edge-chromium-release-candidate-get-ready/)