If you've worked on a web app, you know images can be a big deal for design and performance. While they make pages look great, they can also slow everything down. That’s where Angular’s NgOptimizedImage directive comes in. It’s a handy tool for optimizing images, so they load faster without losing q
For the past two and a half years, we’ve been laser focused on improving developer experience and performance for all Angular developers. In this post, I’d like to share a brief summary of the…
Declutter your file explorer by nesting Nx boilerplate in VS Code and WebStorm. Reclaim valuable screen space and speed up navigation.
Hey friends, how are you doing? This year, I tried a new Angular version and wanted to experiment...
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…
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
Ditch hard-coded environment files. Use APP_INITIALIZER and Zod to load dynamic configs at runtime, avoiding costly build redeployments.
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
Stop relying on fragile API contracts. Use Zod to validate, parse, and map backend responses into clean, type-safe Angular models.
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…
Introduction The new @defer feature in Angular is part of the framework's enhancements to...
Reduce your Angular initial bundle size by lazy loading stylesheets. Learn to configure angular.json for faster load times and performance.
Speed up your Angular app with lazy-loaded styles, secure API calls via interceptors, and boost social reach with custom SEO tags.
Prevent unexpected bundle bloat by integrating BundleMon into your CI pipeline. Automate size tracking to ensure your app stays fast.
In this article, Erick Rodriguez explains how to use dynamic component injection in modern Angular.
What is NgOptimizedImage? NgOptimizedImage is a directive in Angular designed to provide...
Introduction Wednesday May 22, 2024, the Angular core team releases a new version of...
Avoid expensive re-renders in Angular by caching your components and views using ViewContainerRef to boost performance and UI speed.
Struggling to debug complex Angular apps? Use the global ng namespace to inspect components, directives, and state right from the console.
Reduce Angular bundle bloat with source-map-explorer. Learn to visualize dependencies, audit external libraries, and optimize for speed.
Optimize Angular app performance by splitting large builds. Use @defer blocks to lazy-load components and improve core web vitals.
Master component lazy loading with Angular 17 defer blocks to shrink bundle sizes, boost load times, and improve overall app performance.
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