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 …
🚀 Version 17 of Angular is just around the corner, and it will include something that is making waves in the web development world… Continue reading on ngconf »
Angular Material Fundamentals 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 …
tldr; Developing UI components for our apps can be difficult. They require different inputs, or you may have to fill out a long form to see it, or have specific data come back from the API to see the component. But using a tool like Cypress’s component tests can simplify it by isolating the UI …
Developing Angular Components with Cypress Component Tests Read More »
Jenga Debugging Photo by Valery Fedotov on Unsplash Have you ever played Jenga? It’s a child’s game, that’s still actually pretty enjoyable as an adult. It’s how some of us learned a few basics of engineering and physics before we could even sing the alphabet. I’m going to tell you about an unorthodox way of debugging …
Dieser Artikel behandelt das Fassaden Pattern in NgRx. Der Autor setzt voraus, dass ein entsprechendes Grundwissen im Umgang mit NgRx vorhanden ist. Die Fassade entkoppelt NgRx von unserer Anwendung. Dabei werden Selektoren als Properties vom Typ Observable angeboten. Die Actions werden zu normalen Methoden. Eine Videoversion gibt es hier: https://youtu.be/K4dpVXuhm14 Theorie Die Fassade ist ein …
NgRx Facade Pattern This article covers the Facade pattern in NgRx. The reader must have a basic understanding of NgRx or a similar state management library. The Facade pattern decouples NgRx from the rest of our application. It does that by masking NgRx-actions as method calls and the selectors as properties of type Observable. In case …
The other day, one of my coworkers detected a strange behavior inside our application. When he added RouterLinkActive to a link, the application stopped rendering. However when the directive was removed, the application worked correctly. Instead of immediately reading the solution, I created a challenge inside AngularChallenges for those who want to try resolving and …
In Angular, you can create dynamic components using the NgComponentOutlet directive. However when your component has inputs, it was cumbersome to pass them through. In version 16.2.0-next.4, a new feature has been introduced, allowing you to bind your inputs much more easily. In this article, we will explore how to achieve input binding in previous versions …
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.
