Hide Boilerplate Nx Files in VsCode/Webstorm

Declutter your file explorer by nesting Nx boilerplate in VS Code and WebStorm. Reclaim valuable screen space and speed up navigation.

The Tree Shaking Journey in Angular: A Deep Dive

Hey friends, how are you doing? This year, I tried a new Angular version and wanted to experiment...

Meet Angular v19 - Angular Blog

In the past two years we doubled down on our investment in developer experience and performance — in every single release we’ve been consistently shipping improvements that multiply their impact when…

How to disable the Angular v19’s sass compiler deprecation warnings

During the renaissance of the framework (beginning with Angular v15 and still ongoing – I’d say), not much has changed in the way most of us style our Angular apps. While Tailwind has gained popularity within the web community, many Angular apps still are styled in the traditional but well establish

Dynamic Configuration: Leveraging APP_INITIALIZER

Ditch hard-coded environment files. Use APP_INITIALIZER and Zod to load dynamic configs at runtime, avoiding costly build redeployments.

JavaScript and PHP are (not) functional programming languages, and they are (not) safe to write applications using a Functional programming paradigm.

In this article, we will analyze JavaScript and PHP languages and their support for functional programming paradigm. However, to do so, we will first analyze if those languages are Object-Oriented, and if they are, how can we be certain of that? Through analysis of their support for the Object-Orien

Parsing and mapping API response using zod.js

Stop relying on fragile API contracts. Use Zod to validate, parse, and map backend responses into clean, type-safe Angular models.

Using isolatedModules in Angular 18.2 - Angular Blog

Angular now has support for TypeScript isolatedModules as of Angular 18.2. With this support in place, we’ve seen performance boosts of up to 10% in production build times. We know that developers…

Boosting Angular Performance with @defer and Lazy Loading

Introduction The new @defer feature in Angular is part of the framework's enhancements to...

How to exclude stylesheets from the bundle and lazy load them in Angular? – Angular Tutorials

Reduce your Angular initial bundle size by lazy loading stylesheets. Learn to configure angular.json for faster load times and performance.

Angular tutorials

Speed up your Angular app with lazy-loaded styles, secure API calls via interceptors, and boost social reach with custom SEO tags.

Track your Bundle Size with BundleMon

Prevent unexpected bundle bloat by integrating BundleMon into your CI pipeline. Automate size tracking to ensure your app stays fast.

Injecting content programmatically in Angular

In this article, Erick Rodriguez explains how to use dynamic component injection in modern Angular.

Boosting Angular App Performance Using NgOptimizedImage

What is NgOptimizedImage? NgOptimizedImage is a directive in Angular designed to provide...

What'new in Angular 18

Introduction Wednesday May 22, 2024, the Angular core team releases a new version of...

Optimization techniques – Reusing views

Avoid expensive re-renders in Angular by caching your components and views using ViewContainerRef to boost performance and UI speed.

Debugging techniques – Global utils

Struggling to debug complex Angular apps? Use the global ng namespace to inspect components, directives, and state right from the console.

How To Optimize Your Angular Bundle Size

Reduce Angular bundle bloat with source-map-explorer. Learn to visualize dependencies, audit external libraries, and optimize for speed.

How to use Angular’s defer block to improve performance?

Optimize Angular app performance by splitting large builds. Use @defer blocks to lazy-load components and improve core web vitals.

Bundle Size Improvements from Deferred Views in Angular

Master component lazy loading with Angular 17 defer blocks to shrink bundle sizes, boost load times, and improve overall app performance.

The Who What Where When Why and How of Image Optimization in Angular

Structural vs. Attribute Directives

Directives in Angular are fundamental building blocks that allow you to add special features to elements in your Angular application. There are two types: structural and attribute directives, which I will elaborate on in this blog post. Understanding the aspects of these directives is crucial for de

Angular Performance Tuning: Complete Guide To Bundle Optimization

Learn everything you need to know about Angular performance tuning: how to generate a bundle performance profile, and how to split up your application into smaller chunks via standalone lazy-loading and partial template loading.

Template-Level Lazy Loading in Angular

Working with a component-based framework such as Angular, you may witness that templates are a...