The Deep Dive #4

Jun 23, 2020

Reusable components in Angular through templating, deprecation of toPromise operator in RxJS, and the rendering engine exploration in SolidJS

From the blog

​Creating flexible and reusable components

This article will teach you about the difference between ng-content and ng-template . Kevin first explains the use for templates and slots in Angular and then demonstrates how they fit in to the concept of dynamic components. To demonstrate the practical usage, he builds a flexible "expander" component using both approaches and highlights benefits and disadvantages of each.

​SolidJS: Reactivity to Rendering

Ryan, who's the author of Solid library, put together an in-depth article that explores the relationship between reactivity and rendering. He uses the internals of Solid library to demonstrate the main mechanisms that make up the library's reactive renderer.

​toPromise is being deprecated

In RxJS 7 toPromise will become deprecated and with RxJS 8 it will be gone. This article explains the reasons for the change and mentions an alterantive technique that you should be using in your code starting today.

From the web

​Progressive Disclosure of Complexity

In user experience, there's a concept from the called "progressive disclosure", which is an approach to designing better user interfaces (UIs). The main idea is to defer advanced or rarely used features to a secondary screen, making applications easier to learn and less error-prone. This article explores this concept and outlines a 4 step process to introduce progressive disclosure to complex systems.

​The rise of React

This article explores the impact React had in the social, cultural, and technological areas. It features comments from prominent figures in web development on modular design enabled by React and the trend of "shoving everything into JavaScript".

​JavaScript component-level CPU costs

This article outlines a very interesting approach to measuring performance that uses CPU instruction count as the main metric.