Blog

2025, building my Angular CRUD library

Looking back at building ngx-crud-builder, my Angular library for generating CRUD forms and tables.

Understanding some useful TypeScript utility types

Helpful utility types: Pick, Omit, Exclude, and Extract

Why I adopted inline components in Angular

Single-File Components (SFCs) have become a more central part of the framework

Migrating to angular signals: Part 3, observables to signals

Examples and benefits of migrating some observable patterns to signals.

Migrating to Angular Signals: Part 2, BehaviorSubjects to Signals

How to migrate an Angular service from using BehaviorSubjects to Signals

Migrating to Angular Signals: Part 1, inputs/outputs and local state

How to migrate an Angular component to use Signals for inputs/outputs and local state management

Understanding the .at() and .with() Methods in JavaScript

What are .at() and .with() methods in JavaScript

Modern CSS Selectors: :where(), :is(), and :has()

Powerful new selectors that enhance styling capabilities

Content Projection in Angular: A Quick Guide

Quick guide on ng-content in Angular

Providing Equality Function to Signals

Control equality checks when defining signals in Angular

Angular Signals: input, output & computed

Some examples of the signals API in Angular

Debug RxJS code in Angular

Simple RxJS technique for debugging in Angular

TypeScript 'as const' annotation

TypeScript 'as const' annotation: advantages and examples

The Power of Discriminated Union Types in TypeScript

TypeScript is a superset of JavaScript that provides static typing and additional language features that help developers write more robust and scalable code. One of the language features that TypeScript provides is discriminated union types, which allow you to create complex types that are composed of simpler types.

Create a TypeScript custom decorator

What is a decorator and how to implement it for your custom needs?

Introduction to reactive programming in Angular

Sogeti JavaScript Community talk (4th of April, 2023)

Don't nest if statements

Why you should avoid else statement in your code.

CSS Container Queries

CSS containment provides a way to isolate parts of a page and declare to the browser these parts are independent from the rest of the page in terms of styles and layout.

Angular & Change Detection Strategies

What is Change Detection in Angular Framework, how is it working, how to control it.

RxJS: Building a simple drag & drop feature

Simple and easy step by step tutorial to build a drag & drop feature, based on observables

RxJS: Common operators with real world examples

Common RxJS operators explained and illustrated with examples

Define default behavior of git push

Defines the action git push should take if no refspec is given on the command line, no refspec is configured in the remote, and no refspec is implied by any of the options given on the command line.

has: a new CSS selector

A new CSS selector which simplifies the styling of your web page.

Angular best practices

git wip: an alias for listing recent branches

Handy alias to know on which branch you were working on.

Angular: strictTemplates option

Review of the different options for template type checking in Angular, and emphasis on the power of strictTemplates option.

Performance of cloning methods

We compare the performance of the 3 methods shown in the previous post: spread operator, JSON.stringify and lodash cloneDeep.

Clone an Object in JavaScript

Why and how cloning an object with a few different methods

Improve performance in your Angular ngFor loops with trackBy

trackBy function allows to tell Angular how to track items in the ngFor directive.

Easy debugging with Angular Ivy APIs

How to debug easily your angular projects with 'ng'.

TypeScript Best Practices

In this post we go through some of the main best practices of TypeScript and what we can do to write a better code.

ESLint Setup for Typescript Project

Step by step guide to configure ESLint into your TypeScript project

console.log({ myVariable })

Quick tip to debug faster

Include multiple themes on your website

Enhance user experience by providing multiple color themes

Dark mode trick

Quick tip to show you how to setup a dark mode using only one CSS property

TypeScript: the unknown type

Definition of TypeScript unknown type and some use cases

What the ??

Comparison between || and ?? operators in JavaScript

Spread Operator

Update object properties using the spread operator: interest and examples

Performance of removing duplicates methods

We compare the performance of the 3 methods shown in the previous post

Remove duplicates from an array

3 methods to easily remove duplicates from an array using JavaScript

Object Destructuring in JavaScript

Presentation of object destructuring, its interest and some examples