Angular Ninja Newsletter - Issue #11
Tags: angular, frontend, programming, javascript
Published: 2018-07-23 13:37:05

---
title: Angular Ninja Newsletter - Issue #11
published: yes
description: Stay up-to-date and ahead of your peers with Andrey Kutsenko’s weekly newsletter for Angular Ninjas.
tags: angular, frontend, programming, javascript
---
Weekly · <a href="https://medium.com/@andr.donetsk" data-href="https://medium.com/@andr.donetsk" data-anchor-type="2" data-user-id="e06b7bac5111" data-action-value="e06b7bac5111" data-action="show-user-card" data-action-type="hover" class="markup--user markup--blockquote-user" target="_blank">Andrey Kutsenko</a> · July 22 · <a href="https://www.getrevue.co/profile/golang-jexia/issues/golang-ninjas-newsletter-issue-9-119028?" data-href="https://www.getrevue.co/profile/AndreyKutsenko" class="markup--anchor markup--blockquote-anchor" rel="nofollow noopener noopener noopener noopener nofollow noopener" target="_blank">Join for free</a> or add the <a href="http://fetchrss.com/rss/5b3a43798a93f8d6608b4567358567541.xml" data-href="http://fetchrss.com/rss/5b3a43798a93f8d6608b4567358567541.xml" class="markup--anchor markup--blockquote-anchor" rel="noopener nofollow" target="_blank">newsletter rss</a>

<img src="https://thepracticaldev.s3.amazonaws.com/i/gubzh7v6g2dm00070ivv.jpg"</img>

<strong>Stay up-to-date and ahead of your peers with Andrey Kutsenko’s weekly newsletter for Angular Ninjas.</strong>

<h2>Fundamentals</h2>
<p>
<strong style='display: block;'><a href="https://medium.com/js-in-action/rxjs-pause-and-resume-mighty-switchmap-41d0d1fe1113?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">RxJS: pause and resume</a></strong>
<p>If you make use of RxJS library in your projects, you must be familiar with subcribing to and unsubscribing from an observable.</p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@kumarpranaw/angular-internationalization-angular-i18n-79f98f1da6ed?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">Angular Internationalization</a></strong>
<p>Internationalization (i18n) is the process of developing products in such a way that they can be localized for languages and cultures easily.</p>
</p>
<p>
<strong style='display: block;'><a href="https://blog.angulartraining.com/component-architecture-with-angular-6f7bc9165443?gi=53fc3e9dc361&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">Component architecture with Angular</a></strong>
<p>Angular embraces reactive programming, where components know how to react to external events such as user clicks or data updates.</p>
</p>
<a href="https://twitter.com/BenLesh/status/1017884301487005696"><img src="https://thepracticaldev.s3.amazonaws.com/i/damlt2w65fgdh2pfzri9.png"</a></img>
<p>
<strong style='display: block;'><a href="https://medium.com/js-imaginea/ivy-a-look-at-the-new-render-engine-for-angular-953bf3b4907a?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">Ivy: a look at the new render engine for Angular</a></strong>
<p>With the release of Angular v6, the Angular team has introduced many significant features and changes. Among these, Ivy has drawn much hype and attraction.</p>
</p>
<p>
<strong style='display: block;'><a href="https://engineering.datorama.com/whats-new-in-akita-for-angular-we-ve-added-your-top-requested-features-f4a9c4c0e68a?gi=6792b86a0b95&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">New in Akita: we’ve added your top requested features</a></strong>
<p>It’s only been three weeks since Akita’s latest release and we’ve already come up with hot new features (v1.2.0) This was a feature that many of you requested.</p>
</p>
<h2>Best-practices</h2>
<p>
<strong style='display: block;'><a href="https://blog.angularindepth.com/start-using-ngrx-effects-for-this-e0b2bd9da165?gi=a30ef92388b1&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">Start using ngrx/effects for this</a></strong>
<p>You're probably only using ngrx/effects to handle the communication to an external source. But did you know ngrx/effects can be used for more than this?</p>
</p>
<a href="https://twitter.com/maxlynch/status/1019703560689340419"><img src="https://thepracticaldev.s3.amazonaws.com/i/fbewhfyioauiv399sht6.png"</a></img>
<p>
<strong style='display: block;'><a href="https://itnext.io/angular-secure-your-application-routes-a7f71a87e97f?gi=a79a3ff15a91&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">Angular: secure your application routes</a></strong>
<p>So, you write dozens and dozens of routes, add parameters, hack them with data revolvers, and now, anyone can access any page, but you really don’t want that.</p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/js-in-action/rxjs-nosy-combinelatest-vs-selfish-withlatestfrom-a957e1af42bf?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">RxJS: nosy combineLatest vs selfish withLatestFrom</a></strong>
<p>When I first came across object-oriented programming I was told that everything is a class.</p>
</p>
<h2>Tutorials</h2>
<p>
<strong style='display: block;'><a href="https://blog.angularindepth.com/the-extensive-guide-to-creating-streams-in-rxjs-aaa02baaff9a?gi=21555a95ea4&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">The extensive guide to creating streams in RxJS</a></strong>
<p>For most devs the first contact with RxJS is established by libraries like Angular. Some functions return streams and to use these you focus naturally on operators.</p>
</p>
<p>
<strong style='display: block;'><a href="https://netbasal.com/working-with-normalized-data-in-akita-e626d4c67ca4?gi=785e1774028c&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">Working with normalised data in Akita and Angular</a></strong>
<p>We build an Angular app which lists movies that arrive from a nested API response. We’ll learn how to store and update our data more efficiently using Akita.</p>
</p>
<a href="https://twitter.com/AirbnbEng/status/1019670820065402880"><img src="https://thepracticaldev.s3.amazonaws.com/i/jkxud6m86yxovgmt8khh.png"</a></img>
<p>
<strong style='display: block;'><a href="https://medium.com/@sibeeshvenu/end-to-end-e2e-tests-in-angular-application-using-protractor-3fd2501bb3c0?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">End-to-end (E2E) tests in Angular application using Protractor</a></strong>
<p>Learn how we can create an end to end tests (e2e) for our Angular application. We will be using an existing end-to-end testing framework, Protractor.</p>
</p>
<p>
<strong style='display: block;'><a href="https://blog.realworldfullstack.io/real-world-app-part-21-service-workers-pwa-with-angular-3ba5c7168f3f?gi=7012eb489012&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">Real World App - Part 21: Service Workers (PWA) with Angular</a></strong>
<p>This is Part 21 of our Real World App series. For other parts, see links at the bottom of this post or go to <a href="https://blog.realworldfullstack.io/">Real World Fullstack</a>.</p>
</p>
<p>
<strong style='display: block;'><a href="https://blog.bitsrc.io/boosting-angular-app-performance-with-local-change-detection-8a6a3afa8d4d?gi=18d58b248fce&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">Boosting Angular app performance with local change detection</a></strong>
<p>Change detection is the process of updating/re-rendering the DOM to reflect the new state of the data model.</p>
</p>
<h2>Videos</h2>
<p>
<strong style='display: block;'><a href="https://www.youtube.com/watch?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter&amp;v=xGHbWKt54XE">Angular Elements at ng-sydney by Leo Caseiro</a></strong>
<p>An introduction about Angular Elements which is packing your Angular components into Custom Elements, part of Web Components.</p>
</p>
<a href="https://www.youtube.com/watch?v=xGHbWKt54XE"><img src="https://thepracticaldev.s3.amazonaws.com/i/v5l24c7bzmqv2yac608l.png"</a></img>
<p>
<strong style='display: block;'><a href="https://www.youtube.com/watch?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter&amp;v=0DL7oBTzC5o">Adding reactivity to your web apps using RxJS</a></strong>
<p>In this presentation, we will talk about adding reactive feature to an existing Angular app using RxJS. In particular, we'll be adding a "drag down to refres...</p>
</p>
<a href="https://www.youtube.com/watch?v=0DL7oBTzC5o"><img src="https://thepracticaldev.s3.amazonaws.com/i/4zwirso8mi887nnre33i.png"</a></img>

Weekly · <a href="https://medium.com/@andr.donetsk" data-href="https://medium.com/@andr.donetsk" data-anchor-type="2" data-user-id="e06b7bac5111" data-action-value="e06b7bac5111" data-action="show-user-card" data-action-type="hover" class="markup--user markup--blockquote-user" target="_blank">Andrey Kutsenko</a> · July 22 · <a href="https://www.getrevue.co/profile/golang-jexia/issues/golang-ninjas-newsletter-issue-9-119028?" data-href="https://www.getrevue.co/profile/AndreyKutsenko" class="markup--anchor markup--blockquote-anchor" rel="nofollow noopener noopener noopener noopener nofollow noopener" target="_blank">Join for free</a> or add the <a href="http://fetchrss.com/rss/5b3a43798a93f8d6608b4567358567541.xml" data-href="http://fetchrss.com/rss/5b3a43798a93f8d6608b4567358567541.xml" class="markup--anchor markup--blockquote-anchor" rel="noopener nofollow" target="_blank">newsletter rss</a>