Collection of links to articles and other resources I recently liked.
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…
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...
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.
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...
Typescript for Angular developers
It's been two years since I started working with Angular and, I'm not going to lie, at first,...
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…
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…
Zoneless Change Detection for everybody in preview in Angular 17.1 | blog | Matthieu Riegler
Are you ready ?
Why Use Mock Service Worker?
When there are so many API mocking tools, why would you ever choose Mock Service Worker?
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…
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.
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
“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…
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…
Directive Type Checking
Directives are a very powerful tool that we should master to improve our Angular skills. Typescript...
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.
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...
Web Components 2024 Winter Update
Results of the W3C Web Components Community Group Winter F2F Meetings
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...
Signals are VALUES, not EVENTS
Recent release of Angular 17.1 (yesterday, 18th January 2024), introduces Signal Inputs (read more...
Angular Signal Inputs - Angular Experts
Revolutionize Your Angular Components with the brand new Reactive Signal Inputs.
Guidelines for creating performant Angular applications and their efficient maintenance
Everything you need in one article!
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…
How I optimized my Angular website
Introduction Building applications/websites using Angular has a downside - the bundle...
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.
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...
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.
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…
Angular Signals - free course by Maciej Wojcik
Discover the future of Angular development with the comprehensive and interactive experience.
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.
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)...
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
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 […]
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.
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
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...
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...
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.
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.
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...
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.
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…
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
Future of Change Detection in Angular with Signals
Learn how change detection is evolving and how signal will improve performance in the future.
Retrieve route data with resolver function in Angular
Introduction In this blog post, I demonstrate the technique of using data resolver...
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...
Introducing Angular v17
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...