angular Complete Guide: Angular lifecycle hooks In this article, we will take a deeper dive into each lifecycle hook and look at how they're used in Angular.
angular The controllers of component concept in Angular: part II The second part of how we organized the system of settings for all textfields in Taiga UI with the power of Dependency Injection in Angular.
angular Exploring the difference between disabling a form control through reactive forms API and HTML attributes Having parts of a form disabled is a common requirement for any large application. Sometimes users must be prevented from interacting with a form based on their role in an application.I n this article, we will explore different ways to disable reactive form controls.
angular Telegraph with RxJS: the power of reactive systems Explore interesting RxJS code and Angular directives in this fun exercise of recreating an analogue Morse code telegraph using your favorite tools!
javascript Typesafe code with Immer and where it can help in NgRx Immer is a tiny library that uses structural sharing and proxy objects to guarantee the immutability pattern in the most efficient way. It's also very convenient when writing reducers to shorten code and ensure type safety.
angular Tracking user interaction area Explore one of the most complex pieces of Taiga UI — ActiveZone directive that keeps an eye on what region user is working with. It touches on low-level native DOM events API, advanced RxJS and Dependency Injection, ShadowDOM and more!
angular Designing Angular architecture - Container-Presentation pattern Designing architecture could be tricky, especially in the agile world, where requirement changes are frequent. So your design has to support that and provides extendibility without the need for serious modification. In such cases, you will find the Container-Presentation pattern instrumental.
angular How OOP is mistreated in Angular Object oriented programming - a word combination instantly recognized by almost every software developer in the world; even the ones who don't use (or even hate) it.
angular Angular self-saving dropdowns - yet another directive Use the power of Angular directives to create a reusable self-saving dropdown directive
angular Leveraging Dependency Injection to reduce duplicated code in Angular How to eliminate duplicated code when getting route params, query params or data from Activated Route in Angular by using dependency injection.
angular Craft a complete GitLab pipeline for Angular. Part 2 Learn Gitlab to build a CI/CD pipeline for Angular apps and libraries. This second article focuses on deployment using two methods involving GitLab Registries and Pages. You'll also find docker jobs optimization tips using custom images.
angular Faster Perceived Response Time with Angular Material to tackle Need for Speed While the end-users interacting with apps have lower tolerance to response time and higher need for speed, this post discusses different ways front-end developers can cater to their need for speed with off-the-shelf components from Angular Material.
angular Techniques to style component host element in Angular Styling the host element is a crucial ability. Understanding that can completely change the way you develop reusable components, making their code clear and easier to maintain. This article will concentrate on techniques that use CSS styles and reduce Typescript logic.
angular How to use ControlValueAccessor to enhance date input with automatic conversion and validation In this article, we will learn how we can extend native date input through a directive so that it supports conversion of value and validation on value.
angular How @taiga-ui/cdk can help you simplify your working with Angular: our 5 best practices I decided to pick my favorite 5 tools from taiga-ui/cdk and explain how they can in any Angular app
typescript Adding a layer of more explicit typings on top of 3rd party library interfaces Third party library interfaces are often loosely typed to support edge cases. However, there can be great benefits to layering more explicit types over the existing interfaces.
angular Bindon: lesser known Angular template features Angular 12 just came out which added a nullish coalescing operator (‘??’) to templates. But what are other features Angular templates have that you might have never heard of? Let’s find out!
angular Angular Forms: reactive design patterns catalog In this post, you'll find a set of design patterns for building Angular forms based on two pillars: separation of responsibilities and reactive programming to tackle the complexity of rich and complex Angular forms.
angular A journey into NgRx Selectors This article dives deep into NgRx selectors and will help you understand what role that play in NgRx architecture and how they help decrease the complexity of a codebase
angular How to split HTTP Interceptors between multiple backends This article explains one of the possible ways to build different types of HttpClients for different feature modules (including non-lazy loaded) and associate a set of interceptors with each HttpClient type to ensure more reliable architecture.
angular Different ways to run schematics from another schematics When we create schematics, we sometimes face a situation where we want to run other existing schematics from the same or external collection. In this article we will learn how to do it.
angular How pure and impure pipes work in Angular Ivy Understanding how pipes work under the hood by looking at their implementation details in Ivy
angular How to use TS decorators to add caching logic to API calls In this article I'll go over a couple of possible implementations of network requests caching and I'll elaborate on the one we adopted that uses TS decorators.
angular NGRX Best Practices In my last article we glossed over things that one should probably avoid doing when building an Angular application with NgRx; today, we are going to discuss things that are good to do when facing that very same challenge.
angular Global objects in Angular In JavaScript we often use entities, such as window or navigator. Some of these objects have been there forever. But you might have seen DOCUMENT token used in Angular. Let's discuss why it exists and what we can learn from it to make our apps cleaner and more flexible.