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


Introducing Playwright Support for Nx
We are very excited to announce our support for Playwright with our new plugin @nx/playwright.

“Error: Loading Chunk XX Failed” with Angular Lazy Loaded Modules
“When we deploy a new version of an app, we usually get the issue of loading chunks failed as the new version has new hashed name files…

How To Make Angular Code More Reusable
Console Ninja Extension for your VS Code - https://bit.ly/console-ninjaLevel up your Angular skills with my advanced courses 🚀https://bit.ly/advanced-angula...

50+ Top Angular Interview Questions and Answers - DZone
This set of Angular interview questions will certainly be helpful for your interview, and also a recap of Angular.
fix(material): remove legacy components by andrewseguin · Pull Request #27622 · angular/components
BREAKING CHANGE: Legacy components that have an MDC-based version are no longer provided.

Create configurable Angular guards
When building web application, from time to time we have to protect routes from unauthorized access....

Orchestrating and dockerizing a monorepo with Yarn 3 and Turborepo
A monorepo approach with Yarn 3 and Turborepo

Using Yarn PnP
Next generation build system with first class monorepo support and powerful integrations.

Introducing the Enhanced Monorepo Experience on Netlify
Announcing several changes that make it easier for everyone to deploy monorepo-based sites on Netlify.

Unlocking the Power of Functional Programming in JavaScript: A Comprehensive Guide
Introduction: A functional programming(FP) is paradigm, means a way of thinking about software...

A sweet spot between signals and observables 🍬
The migration wave to signals is real, state management libraries have started to add support to support both observables and signals…

Infer keyword in TypeScript 📜
TypeScript's infer keyword is your secret weapon for effortlessly deducing types, simplifying code,...
✌️ Nx Plugin v2: Dynamic Project Configurations
Unlocking the Full Potential of Nx: A Comprehensive Guide to Centralizing Project Configurations for Enhanced Efficiency

Elevating enterprise deployment: Introducing an enhanced monorepo experience on Netlify
Enterprises continually seek ways to enhance their development strategies to stay ahead of the curve, and monorepos have emerged as an increasingly popular solution.

JavaScript One-Liners to Use in Every Project
JavaScript is a powerful language that can do a lot with very little code. In some cases, the amount of code you need to write doesn't exceed more than a single line, which is why they are known as one-liners. Let's go through 10 essential one liners worth using in

Partial commit: Keeping Git history clean in any JetBrains IDE
Keep your Git history clean (and ask your team to do the same) by using partial commits instead of large commits with unrelated changes. Follow along with @P...

DOM, DI and View: the trees of Angular
It’s easy to mistake DI tree of injectors for DOM tree of actual HTML elements & Angular views. Let’s explore the differences &…

How to migrate Angular CoreModule to standalone APIs - Angular Experts
Let's learn how to migrate commonly used Angular CoreModule (or any other Angular module) to standalone APIs to fully embrace standalone project setup!

Extending an existing NX generator
Nx provides a wide range of built-in tools that automatically generate code for you. These code...
GitHub - coryrylan/reusable-ui-component-api-guide: An API guide outlining best practices for constructing highly reusable UI components on the Web
An API guide outlining best practices for constructing highly reusable UI components on the Web - GitHub - coryrylan/reusable-ui-component-api-guide: An API guide outlining best practices for const...

How To Build A Multi-Tenant App With Payload
Cut costs, save time, and ship faster by sharing infrastructure when you setup Payload as a multi-tenant application.
Advanced caching with RxJS
When building web applications, performance should always be a top priority. One very efficient way to optimize the performance of our applications and improve the experience of our site is to use caching mechanisms. In this post we'll develop an advanced caching mechanism with RxJS and the tools provided by Angular to cache application data.

Router data as components inputs in Angular v16 - Angular inDepth
Router data as components inputs is a new feature coming in Angular 16. In this article, we will explore how it works, and learn how to use it.
(29) Post | Feed | LinkedIn
How do you organize your design system? Here are some obscure but exceptional design systems that I keep coming back to very often ↓ Nordhealth Design… | 32 comments on LinkedIn
GitHub - vantezzen/auto-form: 🌟 A React component that automatically creates a @shadcn/ui form based on a zod schema.
🌟 A React component that automatically creates a @shadcn/ui form based on a zod schema. - GitHub - vantezzen/auto-form: 🌟 A React component that automatically creates a @shadcn/ui form based on a...

8 best practices for UI card design
What is important for you in the UI card design? I’d like to share with you the best practices that I’ve collected. Before that, let’s…

Nx Targets Elevated (Part One)
Unlocking the Full Potential of Nx: A Comprehensive Guide to Centralizing Targets for Enhanced Efficiency

Facading your Signals
Typically, enterprise development is slow, and as an enterprise developer, I’m pretty slow as well. The Angular Signals hype has been all…

Rendering cycle in Angular applications — browser, angular and zone.js interaction
Modern web stack involves lots of moving parts. Let’s go over each of them in Angular web applications.

Nx Targets Elevated (Part Two)
Streamlining Target Centralization: A Structured Approach for Various Project Types


RxJS can save your codebase
Sometimes RxJS is the *perfect* tool for the job. If you've used it for the wrong job, you might never want to touch it again. But if you remain open-minded towards it, it can sometimes save your codebase from exploding into overly complex spaghetti-code.

Clean Up Code Smells with Clean Code: TypeScript Edition
Common Code Smells in JavaScript and TypeScript and How To Fix Them

Angular Signals & Observables: Differences
Angular 16 brought a new reactivity primitive, and Signals will be compared to Observables. I’ll highlight their differences.


Angular Signals — Timing
Angular v16 has been released, and my article is about the most important feature that this release brings: Angular Signals.

Application State Management with Angular Signals
In this article, I will demonstrate how to manage your application’s state using only Angular Signals and a small function.

How ng-morph can help you keep your big monorepo always clean as new
It is not easy to deal with a big monorepo. Fortunately, there is a modern open source tool to simplify and automate it

Make TrackBy Easy to Use!. trackBy is a powerful function to…
trackBy is a powerful function to improve performance. But it comes with lots of boilerplate. Let’s see how we can improve the DX.

Please don't write confusing conditionals
Have you ever spent more than a few seconds staring at the same line of code? How often did you find conditionals that were tricky to parse? In this article, we discuss how confusing conditionals manifest in our code. Along the way, we also explore different refactoring techniques for improving the readability of conditional control flows.

Introduction to CSS Grid: A Comprehensive Guide
CSS Grid is a layout system that allows you to create complex, grid-based designs with ease. It...

Moving Fast: A Retrospective on Trunk-based Development
In this article, I reflect on my experiences with trunk-based development as the project lead for DocTrack, my undergraduate project that rewrites the University of the Philippines' document tracking system as a progressive web app.

Function Overloading: How to Handle Multiple Function Signatures
Function overloading in TypeScript allows you to have multiple functions with the same name but with...

Handling scrolling on Angular router transitions
By default, when a new route is activated, Angular’s router doesn’t touch the scroll position. At least this is still true of Angular 9…

5 Tips to Improve the Load Time of an Angular Application
This article discusses five tips that will be useful to improve the load time of your Angular application.
Improve Angular’s performance through memoization and TypeScript decorators
Change detection is one the most important/complex topics in Angular, if you don’t get it right, you may harm the performance of your Angular app. You might have already noticed the problem. As the…

Nx 16.5 Release!!!
We have launched SO MANY features since our last release blog on Nx 16.0, so we’re covering the major features in this blog!