Best of Angular — December 2024

1. 1
   Video

   Joshua Morony·1y

   WEB WORKERS made my code over 100x faster (almost ZERO blocking time)

   Using web workers in Angular with Phaser can drastically improve performance by offloading computationally expensive tasks like the wave function collapse algorithm from the main thread. This allows the game to render terrain without causing freezing or requiring loading screens. Web workers handle the heavy computations and communicate results back to the main thread, ensuring smooth gameplay and responsive UI.

   140

   2
2. 2
   Article

   Community Picks·1y

   shadcn-ng

   Learn how to install and configure Angular including the steps to create a new project using the init command, configure components.json, and add components like Button to your project.

   69

   5
3. 3
   Article

   Syncfusion·1y

   Build Micro Frontends with single-spa: A Guide

   Using single-spa to build micro frontends facilitates the division of large applications into small, independent pieces. This allows different teams to work on parts without affecting others and use the frameworks they prefer, such as Angular or React. The guide provides steps to set up a single-spa project, create and connect multiple micro frontends, and deploy them, ensuring smooth integration and scalability.

   43
4. 4
   Article

   Syncfusion·1y

   Angular Signals: Reactive Programming Simplified

   Angular Signals introduce a synchronous method to manage state changes, enhancing UI performance by updating only affected elements. This new approach simplifies reactivity, improving efficiency in change detection. Signals are predictable and safe to use, holding side-effect-free values that automatically notify dependent parts of the UI. Three types of signals are introduced: writable, computed, and effects, each serving unique purposes for state management. Angular's goal is to improve its framework by achieving more efficient UI updates, introducing zoneless applications, and reducing bundle sizes. Signals represent a significant advancement in reactive programming, paving the way for a more streamlined future in Angular development.

   29

   2
5. 5
   Article

   This is Angular·1y

   Advanced RxJs Operators You Know But Not Well Enough pt 2.

   Explores advanced RxJS operators such as forkJoin(), combineLatest(), auditTime(), debounceTime(), pairwise(), raceWith(), iff(), and defer(). It provides detailed examples and use cases for each operator, highlighting their practical applications and differences.

   24
6. 6
   Article

   LogRocket·1y

   Generating OpenAPI API clients for Angular

   Generating OpenAPI API clients can streamline the development process for Angular applications, allowing developers to generate client modules automatically based on a standard API specification. This process saves time, reduces errors, and ensures consistent implementation. The tutorial covers using OpenAPI Generator CLI to create and integrate API clients into an Angular project, with detailed steps on setting up dependencies, generating code, and best practices for maintaining quality and manageability.

   22
7. 7
   Article

   Collections·1y

   Exciting New Features in Angular 19

   Angular 19 introduces several impressive features aimed at enhancing performance and developer experience. Key highlights include incremental hydration for better load efficiency, standalone components as defaults to reduce boilerplate code, enhanced state management with `linkedSignal` functions, improved server-side rendering, stabilized core reactivity primitives, hot module replacement for styles, new schematics and tools for development productivity, new APIs for handling asynchronous data, and refactoring tools for easy code migrations.

   16