Best of Angular — July 2024

1. 1
   Article

   Community Picks·2y

   Patterns For JavaScript Frontend Applications

   Patterns are crucial in managing the complexity of JavaScript frontend applications, much like they were in desktop and enterprise applications. By drawing on architectural patterns like MVVM, CQRS, and Flux, developers can better manage the state and interactions within their applications. Frameworks like Angular, React, and Vue help streamline these processes through structured state-management techniques. Understanding these patterns allows for sustainable and maintainable application development.

   617

   7
2. 2
   Article

   Hacker News·2y

   Video Editing SDK

   The post highlights how a video editing SDK can be seamlessly integrated with various platforms, including React, Angular, PHP, and HTML.

   84

   3
3. 3
   Article

   asayer·2y

   Optimizing Angular Performance with HttpInterceptor Caching

   Learn how to enhance your Angular application's performance by implementing HTTP caching with HttpInterceptor. This guide covers the basics of HttpInterceptor, creating a cache service, and integrating the caching mechanism into an Angular app. Benefits include centralized caching logic, improved performance, consistent caching strategy, and offline support. Step-by-step instructions walk you through setting up the Angular project, creating caching logic, and developing a simple HttpInterceptor. The result is a more efficient and user-friendly application with faster load times and reduced server load.

   81

   4
4. 4
   Article

   LogRocket·2y

   Zoneless change detection in Angular 18

   Angular 18 introduces zoneless change detection, an experimental feature that removes the need for Zone.js, enhancing performance, reducing bundle size, and simplifying debugging. Zoneless change detection allows components to inform Angular directly when their state changes, improving efficiency. Though currently experimental, the Angular team is committed to supporting both Zone.js and zoneless change detection, offering a potential future shift towards zoneless as the default. The article also provides a step-by-step guide to setting up zoneless change detection in a new Angular app.

   33

   2
5. 5
   Article

   Angular·2y

   Introducing @let in Angular

   Angular introduces the new @let syntax for defining reusable template variables, enhancing developer experience by providing a more ergonomic way to reuse values across a template. The syntax follows specific rules for declaration and usage within the template, ensuring scoped and read-only variables.

   29
6. 6
   Article

   Medium·2y

   Angular 18 — Zoneless & Change Detection

   Angular 18 introduces Zoneless mode, enabling developers to build applications without using ZoneJs. The post explores change detection mechanisms under various conditions like Click events, Input + NgModel, AsyncPipe, Signal, and setInterval. Tests show OnPush strategy is essential for reducing checks in both NgZone and Zoneless modes, with Signals proving highly efficient for isolated template updates.

   23
7. 7
   Article

   ITNEXT·2y

   Local Component Template Variables with @let

   Angular now allows creating reusable variables directly within component templates using the @let syntax. This feature simplifies template logic, especially for managing observables and complex conditions. Key benefits include easier readability, maintainability, and the ability to create dynamic variables based on form controls. It's important to note that these variables are read-only and scoped within the current view and its descendants.

   23
8. 8
   Article

   Shaaf·2y

   Angular TodoMVC with Spring boot backend, deploy to Kubernetes

   The post guides you through building a Spring Boot application with a TodoMVC Angular front-end and deploying it on Kubernetes using the JBoss Web Server Operator. It covers defining the Todo entity with JPA annotations, implementing the TodoController for CRUD operations, and extending JpaRepository for database interactions. Deployment steps include creating a Docker image, configuring H2 and PostgreSQL databases, and deploying on OpenShift. Detailed instructions for running the app locally, building the Docker image, and pushing it to a repository are provided.

   22