Articles

Long-form Articles and Guides

Cover Image for A Reactive Enum with Typescript and RxJs
·5 min read·
RxJsRxJs

Typescript's template literals' types allow us to generate dynamic and typed code, together. In this article, I want to show how we can build a dynamic reactive enum with TS and RxJS

Cover Image for Caching RxJS streams into Web Storage
·8 min read·
RxJsRxJs

In this article I will introduce you to a simple utility that allows you to cache RxJS streams in memory or the browser's storage

Cover Image for Introduction to Firebase: An Overview
·6 min read·
FirebaseFirebase

Firebase is Gooogle's PaaS, geared towards mobile apps but perfect for any kind of application. This post is a brief introduction to Firebase: what it is, what you can use it for, and how to get started

Cover Image for Benchmarking Angular 12 with Webpack 5
·2 min read·
AngularAngular

Angular 12 has been released and with it the much awaited Webpack 5 upgrade. In this post I benchmarked the bundle-size and compilation speed against the previous version

Cover Image for Principles for creating libraries with Nx and Angular
·5 min read·
AngularAngular

Working with Nx may be confusing. This article explains how I create Nx libraries and the principles behind my motivations

Cover Image for Where to put your Angular models?
·3 min read·
AngularAngular

Organizing entities and models in your Angular app may be hard. This article explains where to put your entities and what mistakes to watch out for

Cover Image for 5 common mistakes with RxJS
·6 min read·
RxJsRxJs

A list of common mistakes while using RxJS, and explanations on what to do instead

Cover Image for Using the Intersection Observer API with Angular
·5 min read·
AngularAngular

This article shows how to build a directive with Angular that uses the Intersection Observer API to check when an element becomes visible on the page

Cover Image for Setters vs ngOnChanges: which one is better?
·3 min read·
AngularAngular

Listening to Input changes can be done in different ways. But which one should you use?

Cover Image for Better code with Typescript aliases
·2 min read·
TypescriptTypescript

Cover Image for Build Typescript libraries for the browser with Nx
·2 min read·
TypescriptTypescript

This article shows how to set up your Webpack configuration to build Typescript libraries with Nx

Cover Image for Async Rendering with a single Rx Operator
·3 min read·
AngularAngular

Increase your app rendering performance with this simple Rx operator

Cover Image for 3 Ways to Render Large Lists in Angular
·6 min read·
AngularAngular

An overview of the available techniques to render large lists of items with Angular

Cover Image for Lazy-Loading Auxiliary Routes with Angular — Why and How
·7 min read·
AngularAngular

Auxiliary Routes can be helpful for both technical and UX reasons: learn why and how to use them with Angular

Cover Image for 6 Concepts to Master to be an Angular Architect
·7 min read·
AngularAngular

Six concepts every Angular developer should explore in-depth in order to master Angular and design well-architected applications.

Cover Image for An Opinionated Coding Styleguide for Angular
·8 min read·
AngularAngular

An internal style guide for writing code is an important decision that any development team should define and agree on at some point, ideally early on in the project.

Cover Image for Creating and Integrating Design Systems with StencilJS
·7 min read·
StencilStencil

A step-by-step guide to building and distributing a design system built with StencilJS

Cover Image for Top Reasons Why Your Angular App Is Slow
·8 min read·
AngularAngular

Is your app slow? Learn what to watch out when debugging poor performance in your Angular apps!

Cover Image for Quantum Angular: Maximizing Performance by Removing Zone
·11 min read·
AngularAngular

Experiment: Removing Zone from Angular with minimal effort, to boost runtime performance

Cover Image for Debugging Memory Leaks in Angular
·10 min read·
AngularAngular

The situations where memory leaks are most likely to happen, and how you can deal with them using Chrome DevTools

Cover Image for RxJS Subjects in Depth
·7 min read·
RxJsRxJs

Learn how RxJS Subjects are used in real-world applications

Cover Image for Demystifying RxJS for Angular Developers
·11 min read·
AngularAngular

Understand Enough RxJS for your basic Angular needs

Cover Image for Debugging Javascript Like a Pro
·10 min read·
JavascriptJavascript

Discover the best debugging tools Chrome has to offer

Cover Image for RxJS Patterns: Efficiency and Performance
·10 min read·
RxJsRxJs

A rundown of all RxJS operators and techniques you can leverage to avoid needless computation and make your code snappier and faster

Cover Image for Soft Skills for Software Developers
·8 min read·
🤔Thoughts

A write-down of my thoughts about being a good teammate, and what I wish every single one of my future colleagues would know

Cover Image for Building Scalable Multi-Platform Projects with Angular and Nx
·9 min read·
AngularAngular

Building a scalable multi-platform monorepo application with Angular and Nx

Cover Image for State Management with NgRx: Abstracting State with Facades
·10 min read·
AngularAngular

Using Ngrx facades to connect your components with your state

Cover Image for Tips for Good Communication in Software Development Teams
·9 min read·
🤔Thoughts

Whether it is reviewing pull requests or any other form of feedback — doing it the right way, makes a world of difference

Cover Image for A simple Countdown with RxJS
·5 min read·
RxJsRxJs

In this tutorial, we’re going to build a very simple timer application with only a few lines of code using RxJS

Cover Image for State Management with NgRx: Building Side Effects
·6 min read·
AngularAngular

Effects are one of the most powerful features in NGRX. Let’s see some practical examples, like calling an API or streaming real-time data

Cover Image for State Management with NgRx: Architecting the Store
·10 min read·
AngularAngular

A step-by-step guide to building and architecting the Store in NGRX

Cover Image for State Management with NgRx: Introduction
·9 min read·
AngularAngular

An Introduction to the NGRX platform — Concepts, Best Practices, and Tips

Cover Image for Understanding Angular Modules
·8 min read·
AngularAngular

A quick but comprehensive guide for understanding the different types of Angular Modules

Cover Image for Frameworks don't magically make your code good
·3 min read·
🤔Thoughts

Why using the latest cool stacks doesn’t (always) mean you’re going to write better code

Cover Image for Practical RxJS and Angular
·9 min read·
AngularAngular

Practical scenarios with Angular and RxJS, going through useful patterns you may use and what to look out for

Cover Image for Multi-environment setup for your Angular app
·5 min read·
AngularAngular

Setting up multiple environment setups with the Angular CLI

Cover Image for Enforce your team coding style with Prettier and TsLint
·5 min read·
TypescriptTypescript

Using TsLint to enforce your team coding style

Cover Image for OnPush change detection for faster Angular apps
·5 min read·
AngularAngular

Increasing your application's performance using OnPush change detection

Cover Image for Writing scalable Typescript
·10 min read·
TypescriptTypescript

Let’s explore in detail how to write clean, safe, enterprise-grade Typescript code