Ciao! This is Giancarlo 馃憢

I'm a programmer, startup founder, teacher, sometimes weightlifter

On this site I write about programming, the projects I'm working on, and my life in general

Lately, I've been getting more and more interested in Serverless for Front-end Developers, and helping beginners to write full-stack applications from scratch

Latest Articles

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鈥檙e 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鈥檚 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鈥檛 (always) mean you鈥檙e 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鈥檚 explore in detail how to write clean, safe, enterprise-grade Typescript code