Master the World of Angular - Issue #10
Tags: angular, rxjs, ngrx, javascript
Published: 2018-07-15 19:10:11

---
title: Master the World of Angular - Issue #10
published: yes
description: Master the World of Angular. Each week Andrey Kutsenko serves the finest articles about the theories, trends, tools and topics.
tags: angular, rxjs, ngrx, javascript
---

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

Weekly · <a href="https://medium.com/@andr.donetsk" data-href="https://medium.com/@andr.donetsk" data-anchor-type="2" data-user-id="a329f416429" data-action-value="a329f416429" data-action="show-user-card" data-action-type="hover" class="markup--user markup--blockquote-user" target="_blank">Andrey Kutsenko</a> · July 15 · <a href="https://www.getrevue.co/profile/jexiacom" data-href="https://www.getrevue.co/profile/jexiacom" class="markup--anchor markup--blockquote-anchor" rel="nofollow noopener noopener noopener nofollow noopener noopener nofollow noopener noopener nofollow noopener" target="_blank">Join for free</a> or add <a href="http://fetchrss.com/rss/5b27d6348a93f858388b4567467227328.xml" data-href="http://fetchrss.com/rss/5b27d6348a93f858388b4567467227328.xml" class="markup--anchor markup--blockquote-anchor" rel="nofollow noopener" target="_blank">the newsletter rss</a>

<strong>Master the World of Angular. Each week Andrey Kutsenko serves the finest articles about the theories, trends, tools and topics.</strong>

<h3><p><a href="https://github.com/KutsenkoA">Andrey</a> uses Angular to build developer platform <a href="https://www.jexia.com/">Jexia</a>. Are you an advanced Angular user? Stay ahead with his <a href="https://www.getrevue.co/profile/AndreyKutsenko">Angular Ninja Newsletter</a>.</p></h3>
<hr>
<h2>Fundamentals</h2>
<p>
<strong style='display: block;'><a href="https://medium.com/selfbits/why-you-should-care-about-angular-elements-fbc8dba7aad?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">Why you should care about Angular Elements</a></strong>
<p>There has been a huge hype going on within the development world about Web Components, Progressive Web Apps (PWAs) and lookalike.<br></p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@rahulsahay19/web-components-in-angular-using-angular-elements-d969d5422bdd?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">Web components in Angular using Angular elements</a></strong>
<p>Angular elements is extremely helpful in building cross framework components.&nbsp;<br></p>
</p>
<h2>Best-practices</h2>
<p>
<strong style='display: block;'><a href="https://medium.com/@rahulsahay19/making-an-angular-app-to-pwa-10cdde0699af?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">Making an Angular app to PWA</a></strong>
<p>In this section, I am going to discuss changes made in angular 6 towards Progressive Web App (PWA). Basically, how to make your app PWA compatible.<br></p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@tomastrajan/how-to-unit-test-angular-components-with-fake-ngrx-teststore-f0500cc5fc26?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">How to unit test Angular components with fake NgRx teststore</a></strong>
<p>Maybe you are aware of Angular NgRx Material Starter project. It’s a community effort providing up-to-date info on implementing all known best practices.&nbsp;<br></p>
</p>
<h2>Tutorials</h2>
<p>
<strong style='display: block;'><a href="http://blog.ng-book.com/angular-and-google-maps-a-tutorial/?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20Angular">Angular and Google Maps: a tutorial</a></strong>
<p>Perform geocoding by address and location, work with markers and geocode by the marker’s position and work with circles and programmatically adjust their radiuses.<br></p>
</p>
<p>
<strong style='display: block;'><a href="https://investmentnovel.com/angular-6-observables-example-tutorial-from-scratch/?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">Angular 6 Observables Example Tutorial From Scratch</a></strong>
<p>Observables are the collections of multiple values over time. Observables are lazy and cancelable.<br></p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@bencabanes/redux-introduction-with-ngrx-part-5-ngrx-syntax-explained-2bdc1b5078e9?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">Redux introduction with NgRx (part 5): NgRx syntax explained</a></strong>
<p>Declaring actions in ngrx is not what you saw in most of the Redux tutorials. In fact ngrx is tailored for Angular and so written completely in Typescript.<br></p>
</p>
<p>
<strong style='display: block;'><a href="https://blog.angularindepth.com/the-extensive-guide-to-creating-streams-in-rxjs-aaa02baaff9a?gi=3d822100b546&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">The extensive guide for 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.<br></p>
</p>
<h2>Videos</h2>
<p>
<strong style='display: block;'><a href="https://www.youtube.com/watch?feature=youtu.be&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter&amp;v=xBVGxIuAATs">VSCode Extensions for Angular Developers - YouTube</a></strong>
<p>Here are some useful VSCode extensions for Angular developers. Which other extensions would you recommend for other Angular developers? Let me know.<br></p>
</p>
<p>
<strong style='display: block;'><a href="https://vimeo.com/278805356?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Angular%20Ninja%20Newsletter">Accessing parent route params via paramsInheritanceStrategy</a></strong>
<p>Ben Nadel looks at the “paramsInheritanceStrategy” configuration option of the Angular Router in Angular 6.0.7. This option, when set to “always”, will allow a route segment’s params object to include the params of its parents.<br></p>
</p>
Weekly · <a href="https://medium.com/@andr.donetsk" data-href="https://medium.com/@andr.donetsk" data-anchor-type="2" data-user-id="a329f416429" data-action-value="a329f416429" data-action="show-user-card" data-action-type="hover" class="markup--user markup--blockquote-user" target="_blank">Andrey Kutsenko</a> · July 15 · <a href="https://www.getrevue.co/profile/jexiacom" data-href="https://www.getrevue.co/profile/jexiacom" class="markup--anchor markup--blockquote-anchor" rel="nofollow noopener noopener noopener nofollow noopener noopener nofollow noopener noopener nofollow noopener" target="_blank">Join for free</a> or add <a href="http://fetchrss.com/rss/5b27d6348a93f858388b4567467227328.xml" data-href="http://fetchrss.com/rss/5b27d6348a93f858388b4567467227328.xml" class="markup--anchor markup--blockquote-anchor" rel="nofollow noopener" target="_blank">the newsletter rss</a>

<i>Image by <a href="https://angular-academy.com/" data-href="https://angular-academy.com/" class="markup--anchor markup--figure-anchor" rel="noopener nofollow nofollow noopener nofollow noopener nofollow noopener" target="_blank">Angular Academy</a>, an international provider of Angular workshops and consulting</figcaption></figure><p name="8d41" id="8d41" class="graf graf--p graf-after--figure"><strong class="markup--strong markup--p-strong"></i>