Dependency Injection (DI) is one of the most beloved and powerful features of Angular, and it happens to be my personal favorite as well. Understanding and mastering it can elevate your Angular skills and grant you superpowers. In this article, I will explain what Dependency Injection is and delve into how it operates within Angular …
How Angular Dependency Injection works under the hood Read More »
tldr; Sometimes we need to interact with a child component from a parent component, but it’s not viable to do so through Inputs. ViewChild allows you to gain access to the child component and call methods from its public API as needed. Background I was recently working on a project where I needed to use our …
ViewChild: Calling the Public API of a Child Component Read More »
Angular has been on an incredible journey over the past year, and last week; I had the privilege of sitting down with the Angular team to delve into the intricate nuances of its current state and its promising future. You could say, they answered the signal. Okay, I jest. (I’ll stop) Our conversation revolved around the …
🚀 La versión 17 de Angular está a la vuelta de la esquina e incluirá algo que está causando sensación en el mundo del desarrollo web: el soporte para View Transitions API. Las View Transitions API hacen que sea muy sencillo añadir animaciones llamativas y transiciones suaves cuando estás construyendo aplicaciones web. Puedes crear efectos …
In this post, I’m going to talk about one of Angular Material’s components, which was rewritten to be more in line with Google’s Material Design Specification for Web Components (MDC). Installing Angular Material Angular Material is a component library for Angular projects, this library comprises a number of User Interface components (UI) and a Component Development …
Cómo equilibrar técnicas de carga demorada de imágenes en Angular para lograr una experiencia de usuario fluida Basado en el título de este artículo, comencemos con una pregunta: ¿Por qué podría considerarse el diferimiento de la carga de imágenes en un navegador web como un arte en lugar de una simple práctica de programación? Optimizar el …
How to balance image deferral techniques in Angular for a smooth user experience Based on this article’s title, let’s start with a question: Why could deferring image loading in a web browser also be considered an art rather than just a pure programming practice? Optimizing web performance through carefully examining image content to be loaded …
Do you have a hard time reading the HTML of your components? You are not alone, and many factors can contribute to this. However, today I will show you a prettier plugin that will help to organize the HTML attributes and hopefully make it easier to read and understand everything that is going on with …
Component Architecture Modern web development follows component architecture. Angular is a front-end framework based on component architecture to develop scalable web applications. To understand the component architecture, let us consider the following example: My home refrigerator has an LED screen on its door. It’s a smart fridge and is connected to Wi-Fi. The screen can …
Introducing Angular’s New Control Flow With version 17, Angular is introducing a new Control Flow for your applications. You will no longer need to import CommonModule or (if using Standalone components, which will be enabled by default on v17) NgIf, NgFor , or NgSwitch in your apps to be able to use conditionals and loops in your …
Join our exclusive newswire for ng-conf news, workshops, sessions, speakers announcements, and more as we count down to ng-conf!
Join our exclusive newswire for speaker announcements, workshops, sessions info and all the latest ng-conf info.
