Best of Angular — October 2023

1. 1
   Article

   Telerik·3y

   Angular Component Library Part 1: How to Build a Library

   Learn how to build a shared component library in Angular to accelerate development, reduce code duplication, and ensure consistent functionality across applications.

   24

   1
2. 2
   Article

   ITNEXT·3y

   Better State Management with Nested Signals

   Learn how to simplify Angular state management with nested signals and fine-grain reactivity. Nested signals can create an effective signal-based state management system that is less bug-prone and fun to work with.

   22
3. 3
   Article

   ITNEXT·3y

   Microtask Queue + RxJS + Angular

   Learn about the interplay between microtask queue, RxJS, and Angular's change detection mechanism, which can significantly enhance application performance.

   20
4. 4
   Article

   gitconnected·3y

   All About Infinite Scrolling using React and JavaScript

   Learn how to implement infinite scrolling using React and JavaScript. Explore two methods: using the Window's Scroll and Size Properties, and using the Intersection Observer API. Virtualization improves performance by rendering only the visible items in a list or grid. The Intersection Observer API allows for efficient infinite scrolling without continuous monitoring of the scroll event.

   19
5. 5
   Article

   ITNEXT·3y

   Angular Advanced Signals

   Angular Advanced Signals introduces a simplified reactivity model that can be used to create performant, predictable reactive code. Signals can be updated in an effect using either the 'untracked' method or using 'async/await' functions. Computed signals provide a readable signal and are ideal for most use cases.

   19
6. 6
   Article

   Bits and Pieces·3y

   Mastering Custom Pipes in Angular: 31 Real-world Examples (2023)

   Mastering Custom Pipes in Angular provides 31 real-world examples of Angular custom pipes and how to create them.

   18
7. 7
   Article

   ITNEXT·3y

   Angular Signals in 3 Minutes

   Signals in Angular are a simple and efficient way to create reactive apps by simplifying the code needed. They provide a streamlined approach compared to using RxJS.

   18
8. 8
   Article

   Hacker Noon·3y

   The Magic of Angular Change Detection: A Developer's Handbook

   Angular uses a mechanism known as "change detection" to keep track of changes in application state. When a change is detected, it updates the DOM to reflect the new state. The "OnPush" change detection strategy is a more optimized approach.

   13

   1
9. 9
   Article

   Telerik·3y

   Angular 16+ Micro Frontends with Angular Elements

   Angular micro frontends leverage the concept of microservices by breaking down the frontend code and using Angular elements to create custom components. This approach simplifies application maintenance and allows for flexibility in using different frameworks for different components.

   12
10. 10
    Article

    Angular Addicts·3y

    New Angular 17 feature: deferred loading

    Angular 17 introduces a new feature called deferred loading, which enhances user experience by reducing initial page load time and allowing users to interact with the app as soon as possible. Angular 17 also introduces @defer control blocks, allowing lazy-loading of content and its dependencies. The @defer blocks can be triggered by logical expressions or declarative trigger conditions such as on interaction, on hover, on idle, on timer, and on viewport.

    12
11. 11
    Article

    Hacker Noon·3y

    Mastering Angular Services and Dependency Injection: A Comprehensive Guide with Example

    Services can be used throughout an Angular application, ensuring a DRY (Don't Repeat Yourself) approach to code. Dependency Injection is a design pattern used to manage the dependencies of an application and facilitate the flow of required objects or services. Services are classes that provide a specific functionality or a set of related functions.

    12