If you were forwarded this newsletter and you like it, you can subscribe here.

Angular Weekly Weekly curated blogs and tools for Angular pros.

If you were forwarded this newsletter and you like it, you can subscribe here.

Fundamentals

Gravatar directive in Angular blog.angularindepth.com Directives can extend the behavior of a component by adding behavior to template elements. In this article I’ll show you an example of how we can do that.

So what’s new in Typescript 3.2? blog.bitsrc.io A quick overview of the newest release of Microsoft’s Typescript version 3.2 and all the news about changes and stricter types.

A deep dive into Angular animations www.c-sharpcorner.com This article teaches how to add animations to your Angular apps. By the end, you’ll have a good understanding of how to write clean and maintainable animation code.

New in Angular v7.1: updates to the router blog.angularindepth.com Angular 7.1 adds some new changes to the router, such as the ability to return UrlTrees from guards, and a new option for runGuardsAndResolvers.

Smart components vs presentational components blog.angular-university.io Let’s find out the differences between these two types of components, and when should we use each and why!

Container vs presentational components: design pitfalls blog.angular-university.io We are going to present a very common component design and a potential design issue that you might run into while applying it.

Best-practices

Angular smart 404 page blog.angularindepth.com Typos in the URL is a straightforward way to 404 page. But could we make user experience in that situation better?

Angular x Jest snapshot testing medium.com Imagine that we have a component called that accepts item as an input.

Angular 7 + unit testing + code coverage medium.com Unit testing is a process in which the smallest testable parts of an application, called units, are individually and independently scrutinized for proper operation.

Handling cache and AJAX race conditions itnext.io When working with data stored in a cache, you want to make sure that data is up-to-date. There are quite a few ways to solve this dilemma, but the way I’ve proposed is to first retrieve the cache…

Angular async pipe – How to handle errors theinfogrid.com In this post, I am going to show you a very simple & effective way of handling errors and loading animation when using Async Pipe in Angular.

Reactive programming in Javascript using RxJS medium.com This article explains the motivation behind learning reactive programming, and the basic concepts to get started.

Redux middleware example: promise-based API over reactive core snipcart.com In this post, we use our own development experience as a Redux middleware example. We leveraged it to expose a promise-based API from a reactive core.

Tutorials

How to build a chatroom with Angular 7 pusher.com Build a basic chatroom using Angular 7 for the frontend, a simple Node backend, and Chatkit to support the chat functionality.

Building better Angular Libraries — Part 1 hackernoon.com Have you ever wondered what it takes for us, as potential library developers, to make it easy for our consumers to use our libraries?

How to use Sass in Angular 7 - tutorial example appdividend.com We will configure Sass styles in our angular 7 application and use Bootstrap 4 Styles for this project.

Modal component in vanilla JavaScript, React, Angular and Vue hackernoon.com Moving between companies isn’t easy, as often there’s not a consistency between technologies and libraries each company uses for developing frontend projects.

Tools

Todo boilerplates with Hasura on Angular medium.com Hasura provides a GraphQL engine which you can use develop next generation apps with absolutely no fuss of the backend.

Test automation for Angular apps using Protactor medium.com The protractor is an end-to-end test framework for Angular and AngularJS applications. It was built by Google and released to open source.

Improved UX with Ghost elements + Angular 7 animations blog.angularindepth.com Sometimes referred to as ‘skeletons’, ghost elements are gray-box representations for pending, real UI that will be used once your async data has loaded.

Test ngrx/store dependent components in Angular 7 applications medium.com The following text will discuss different approaches to testing the angular components that use ngrx/store.

Perspectives

Running across NPM medium.com I’m going to explain NPM package manager and show some useful things which provide npm.

The latest npm breach…or is it? blog.logrocket.com Some dude gave away his popular Node.js repo to a hacker, and that hacker added code to it that can steal your bitcoin wallet! Wanna know how that happened?

A recap of frontend development in 2018 levelup.gitconnected.com The world of frontend development moves fast. Very fast. This article will recap the most important frontend news, notable events, and trends in JavaScript for 2018.

Presentations

Wassim Chegham - What's coming next in Angular

Pascal Precht - Building Decentralized Apps with Angular and Embark

Ward Peeters - Bringing Lighthouse to Angular

Samantha Brennan - Angular for the Visual Learner

Did you enjoy this issue?

If you don't want these updates anymore, please unsubscribe here