Angular Newsletter Issue No #3 7th November 2019

| By Maina Wycliffe | | | Newsletter

Subscribe for more content from me

This is my weekly newsletter 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

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

The helium-barbell (v9.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

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

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, 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 on how we are using Angular elements!

By TJ Seaman | Read Article

5. Google Maps is now an Angular component

The new Angular Component pearl-lullaby (v9.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

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

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

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

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

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

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

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

Weekly Angular Newsletter 13th 21st October 2019

First, I would like to apologize for being late in this week’s newsletter, I was in GDG Devfest Nairobi 2019 over the weekend, and …

Read More
Angular Weekly Newsletter 1st to 12th October 2019

I am excited to announce my new Weekly Newsletter on Angular (and Related News of course). I am going to be sharing interesting articles …

Read More
How to Setup Firebase for Angular

This is step by step guide about setting up Firebase for your Angular App. This includes using Firebase services from Inside Angular and …

Read More
Separating Dev and Prod Environment on Firebase

It is common for developers to setup multiple environments for our application. This usually include a development/staging and production …

Read More
What I learned when I switched to Angular Material from Bootstrap

A couple months ago, I was having a debate on whether I should switch from Bootstrap to Angular Material. I have used Bootstrap for a very …

Read More
Switching from AngularJS to Angular 4

It’s been almost two weeks since I decided to switch to Angular 4 for my incomplete project from AngularJS. If you have seriously …

Read More

Comments