Bookmarks

Collection of links to articles and other resources I recently liked.

#NX

What if Nx Plugins Were More Like VSCode Extensions

Enhance, but don’t interfere! That’s the ideal! And this is how extensions work in VSCode (or Webstorm). You can use VSCode without any…

Read more
#ANGULAR

Signals: the Do-s and the Don't-s

Original cover photo by Shyam on Unsplash. If we ask any Angular developer "What is the hottest...

Read more
#ANGULAR

Angular University

A complete guided tour of Angular Signal Inputs, covering how they compare to the @Input decorator, and how they help make the OnChanges lifecycle hook less needed.

Read more
#NX

Nx 17.2 Has Landed!!

Nx 17.2 is here. Let's review the new Nx developments that have landed since our last release video for 17.0!Sign up for the upcoming Nx Livestream, where we...

Read more
#ANGULAR

Typescript for Angular developers

It's been two years since I started working with Angular and, I'm not going to lie, at first,...

Read more
#ANGULAR

Angular 17: What’s new?

Angular has since the latest major version started what the Angular team calls a renaissance, which means a radical renewal of the framework. The main goals of the latest updates have been to impro…

Read more
#ANGULAR

Angular Signal Inputs are here to change the game 🎲

Angular has gone through a lot of changes in the past few years. Since the release of 2.0 Angular embraced decorators and used them to…

Read more
#ANGULAR

Zoneless Change Detection for everybody in preview in Angular 17.1 | blog | Matthieu Riegler

Are you ready ?

Read more
#TESTING

Why Use Mock Service Worker?

When there are so many API mocking tools, why would you ever choose Mock Service Worker?

Read more
#ANGULAR

Navigating the New Era of Angular: Zoneless Change Detection Unveiled

The Angular framework has always been at the forefront of advancing web application development. In its latest stride towards efficiency…

Read more
#ANGULAR

Multiple releases using the same, but configurable, Angular Standalone Application build

Configuring an Angular standalone application to be flexible enough to be released in different environments.

Read more
#DESIGN SYSTEM

A Global Design System

TL;DR: This is a call to action to create a Global Design System that provides the world's web designers & developers a library of common UI components. A Global Design System would improve the quality and accessibility of the world's web experiences, save the world's web designers and developer

Read more
#ANGULAR

“Code Smells” in Angular

In one of my previous post I talked about “Clean Frontend Architecture” and principles that should be followed in order to positively…

Read more
#TESTING

Jest ESM — Total Guide To More Than 100% Faster Testing For Angular⚡

Let’s learn how to speed up our Angular Jest tests by more than 100% by switching to Jest ESM and how to solve all the issues along the…

Read more
#ANGULAR

Directive Type Checking

Directives are a very powerful tool that we should master to improve our Angular skills. Typescript...

Read more
#ANGULAR

Experiments in Angular Signals: Six Techniques that Sizzle or Fizzle

Looking for novel ways to use Angular signals? Here are six out of the box approaches with varying degrees of success.

Read more
#ANGULAR

This random PR taught me how to strongly type my generic Angular component

My modern Angular course: https://angularstart.com/In this video, we investigate how to use custom directives, TypeScript generics, and ngTemplateContextGuar...

Read more
#WEB COMPONENTS

Web Components 2024 Winter Update

Results of the W3C Web Components Community Group Winter F2F Meetings

Read more
#ANGULAR

Examples of new signal inputs in Angular

Introduction In this blog post, I would like to show a new feature of Angular 17.1.0 that...

Read more
#ANGULAR

Signals are VALUES, not EVENTS

Recent release of Angular 17.1 (yesterday, 18th January 2024), introduces Signal Inputs (read more...

Read more
#ANGULAR

Angular Signal Inputs - Angular Experts

Revolutionize Your Angular Components with the brand new Reactive Signal Inputs.

Read more
#ANGULAR

Guidelines for creating performant Angular applications and their efficient maintenance

Everything you need in one article!

Read more
#JAVASCRIPT#WEBPACK

Rsdoctor: A Bundle Analysis Solution

As 2024 unfolds, it’s apparent that one aspect of web development remains challenging: optimizing the performance and size of web…

Read more
#ANGULAR

How I optimized my Angular website

Introduction Building applications/websites using Angular has a downside - the bundle...

Read more
#ANGULAR

Creating Angular Components: Template-First Declarative Approach

This article explains how to build a reactive and reusable Angular component in a declarative way, using a “template-first” approach.

Read more
#NX

Nx - Project Crystal

What if Nx plugins were more like VSCode extensions? You drop them in and they automatically start enhancing your experience and productivity. This is what N...

Read more
#JAVASCRIPT#ANGULAR

Maskito is a new collection of libraries for text field masking | by Nikita Barsukov | IT’s Tinkoff | Medium

We are happy to announce that we have released our project Maskito to Open Source and the first stable major version is now available.

Read more
#DESIGN SYSTEM

Redesigning Design Systems

Read more
#ANGULAR

Navigating the Nuances of toSignal in Angular: What to Know

Angular provides the toSignal function that transforms an observable to a signal. Upon examining various developers’ code, I’ve noticed a…

Read more
#ANGULAR

Angular Signals - free course by Maciej Wojcik

Discover the future of Angular development with the comprehensive and interactive experience.

Read more
#DESIGN SYSTEM

Design Systems Database: Surf among top‑notch Design Systems

Best-in-class Design Systems with components and foundations references from top-tier tech companies and leading UI teams.

Read more
#NX

Nx't Level Publishing - James Henry, Nx Conf 2023

In this talk we will dig into practical examples of various approaches to versioning and publishing packages from an Nx workspace.James Henry (@MrJamesHenry)...

Read more
#ANGULAR

Local change detection and Angular Signals in templates in details

Let’s talk about an amazing feature that became possible with Angular Signals — local change detection

Read more
#ANGULAR#NGRX

The NGRX Signal Store and Your Architecture - ANGULARarchitects

This is post 4 of 4 in the series “NGRX Signal Store” The new NGRX Signal Store for Angular: 3+n Flavors Smarter, Not Harder: Simplifying your Application With NGRX Signal Store and Custom Features NGRX Signal Store Deep Dive: Flexible and Type-Safe Custom Extensions The NGRX Signal Store and Your Architecture The NGRX Signal Store […]

Read more
#TYPESCRIPT

Zod: Why you’re using Typescript wrong

TypeScript can be too permissive regarding external data. In this article, I will explain how Zod can prevent data-related runtime errors.

Read more
#AI

What are Some Good Generative AI Prompt Engineering Resources?

pOne AI question I get a lot is, “What are some good prompt engineering resources?”. Here are a few I’ve found useful: ✅ OpenAI Prompt Engineering Documentation✅ Azure OpenAI: Introduction to Prompt Engineering✅ Prompt Engineering Guide✅ DeepLearning.AI: ChatGPT Prompt Engineering for Developers✅ Brex’s Prompt Engineering Guide There are many more out there, but these will help get you started. If […]/p

Read more
#ANGULAR

Optimize your bundle size with source-map-explorer

Read more
#ANGULAR

The inject function in Angular is not just a toy

My Angular course: https://angularstart.com/The inject function is a newer way to facilitate dependency injection in Angular, but it provides benefits beyond...

Read more
#ANGULAR

Diving into Type System behind Angular Signal Inputs

Original version of this writing has been published as a twitter thread. However, I was convinced by...

Read more
#DESIGN SYSTEM

The Design System Ecosystem | Big Medium

Brad Frost explores the landscape of a mature, end-to-end design system for big, complex organizations. Discover all the moving pieces and how they hang together.

Read more
#ANGULAR

Improving DX with new Angular @Input Value Transform - Angular Experts

Embrace the Future: Moving Beyond Getters and Setters! Learn how to leverage the power of custom transformers or the build in booleanAttribute and numberAttribute transformers.

Read more
#ANGULAR

How to Include Version, Git Commit, and Build Date in Your Angular Builds

Knowing the exact version of your Angular app can be really helpful. This article will teach you how...

Read more
#CLEAN CODE

Measuring Aggregate Complexity in Software Applications

Cyclomatic complexity is a well-known software metric, but it only applies to individual methods or functions. This article describes an approach that allows these metrics to be aggregated across classes, projects, or solutions in a meaningful way.

Read more
#ANGULAR

Revolutionizing Angular: Introducing the New Signal Input API

Angular’s development team has achieved a remarkable milestone with the successful integration of the Signal Input API, a transformative…

Read more
#ANGULAR

Migrating From until-destroy To Angular takeUntilDestroyed - DEV Community

Migrating to Angular's latest feature, DestroyRef, streamlines component cleanup, pairing seamlessly with takeUntilDestroyed using codemod

Read more
#ANGULAR

Future of Change Detection in Angular with Signals

Learn how change detection is evolving and how signal will improve performance in the future.

Read more
#ANGULAR

Retrieve route data with resolver function in Angular

Introduction In this blog post, I demonstrate the technique of using data resolver...

Read more
#ANGULAR

Common mistakes that backend programmers make in Angular

Recently, I found myself in charge of upgrading our Angular application from version 12 to 15. In my...

Read more
#ANGULAR

Introducing Angular v17

Last month marked the 13th anniversary of Angular’s red shield. AngularJS was the starting point for a new wave of JavaScript frameworks…

Read more
#ANGULAR

This New Angular Release Is Wild

Oh no, I'm talking about Angular again.Seriously tho, this is dope and I'm hyped for the Angular communityAnnouncement: https://blog.angular.io/announcing-an...

Read more