Oct 5, 2018

Angular Ninja Newsletter - Issue #22

Revue

Angular Weekly

October 5 · Issue #22 · View online

Weekly curated blogs and tools for Angular pros.

Andrey uses Angular to build developer platform Jexia. You can check previous newsletter editions here.

News & fundamentals

Angular Material 7 and CDK news and updates

www.theinfogrid.com – Share

In this post, we are going to take a closer look at changes we expect on both Angular Material 7 and Content Development Kit(CDK).

Exploring drag and drop with the new Angular Material CDK

blog.angularindepth.com – Share

With the upcoming release of Angular Material it also brings us a new CDK, drag and drop. Let’s get a small preview on how it looks like and what it does.

Brad Green

@bradlygreen

Went into RC for Angular v7 last Friday. I expect it to be a non-event for upgraders where you just get to enjoy the new fixes and features.

I'd love to hear from any early adopters who have a different experience so we can fix things before final!
https://t.co/crKjklvA9p

10:20 PM - 3 Oct 2018

Ultimate answer to the Angular quest: subscribe() vs | async Pipe

medium.com – Share

I have been thinking about this Angular question and related trade-offs for quite some time now.

Best-practices

Using Angular’s dependency injection sparingly

medium.com – Share

Our team had been working on a mid-sized Angular application for the past few months. Unfortunately, we hadn’t started with testing in mind at first.

Best practices for a clean and performant Angular app

medium.freecodecamp.org – Share

I have been working on a large scale Angular application at Trade Me, New Zealand for a couple of years now.

Tomek Sułkowski

@sulco

I love the devs' (especially if they only used some JavaScript years ago) reaction (🤯) when they see the audio player example in #Angular.
#workshop #ftw https://t.co/JhsamVleiW

1:13 PM - 5 Oct 2018

Findings about RxJS marble testing and the TestScheduler

itnext.io – Share

The way RxJS allows us to deal with such async problems in just a few lines of code really makes me love this library. But how do we test such operator chains?

Nesting Component FormGroups in FormArrays in Angular

blog.wetherepublic.io – Share

Because some forms are just really big.

Flex-Layout: Flexbox & Grid Layout for Angular Component

blog.angularindepth.com – Share

It is not convenient that the layout settings are written in an external CSS file. So, it is a clever choice to define Flexbox and Grid settings in template HTML.

Tutorials

How to use animation with Angular 6

medium.freecodecamp.org – Share

Animation is defined as the transition from an initial state to a final state. It is an integral part of any modern web application.

Improve performance of Angular using Angular Universal

medium.com – Share

Compared to a Server Side Rendered (SSR) web app, single page apps (SPA) comes with lots of advantages, but some disadvantages as well.

Dimitar Mazhlekov

@mazhlekov

Do you know that TypeScript comes with built-in type ReadonlyArray<T> with all mutating methods removed (push pop reverse, splice..)?
You can make sure you won't modify your arrays after creation with ReadonlyArray<T> !
#typescript #javascript #nodejs #react #angular #es6 #es7 https://t.co/eS4YbcfIIf

12:57 PM - 4 Oct 2018

Refactoring Angular apps – how to keep Angular apps clean

christianlydemann.com – Share

We have all been there. The app that once was this little cute baby has grown to this huge monster no one wants to get near.

Design a Typescript model for response returned by HttpClient library in Angular

medium.com – Share

The older httpModule is deprecated from Angular’s Version 4.3 so if you have not started using HttpClientModule yet it’s high time for you to switch to it.

Presentations

Predictive prefetching

www.youtube.com – Share

Websites are slow. Double-click shows that the average load time on a 3G network is 19 seconds!