Best of Angular — December 2023

1. 1
   Article

   Angular.love·2y

   Analog: a meta-framework for Angular

   Analog is a full-stack meta-framework for Angular that provides support for server-side rendering and static site generation, file-based routing, Vite/Vitest/Playwright support, and Markdown rendering.

   23
2. 2
   Article

   DEV·2y

   From Ants to Titans: The Javascript UI Framework Battle Royale

   A comparison of the top Javascript UI frameworks: Svelte, Angular, Vue, React, and Solid.js. Each framework has its own unique features and advantages. React is considered the king of UI frameworks, but Solid.js is emerging as a strong competitor. The state of Javascript UI frameworks is constantly evolving.

   16
3. 3
   Article

   Medium·2y

   Frontend Weekly Digest #339 (27 November — 3 December 2023)

   The article covers various topics including web development advent calendars for 2023, the potential dominance of AVIF as an image format on the web, and an explanation of how JavaScript promises work.

   14
4. 4
   Article

   This is Angular·2y

   Add Router Animation Transitions for Navigation in Angular 17

   Enhance user experience in Angular 17 by adding smooth page transitions using the 'View Transitions' feature.

   11
5. 5
   Article

   LogRocket·2y

   Using defer in Angular 17 to implement lazy loading

   Learn about lazy loading in software development and how Angular 17 implements it using the defer block. The article explains the benefits of splitting larger applications into smaller chunks and only loading the required parts when needed. It also demonstrates how to use the defer block to load components based on specific conditions or events, such as idle, viewport, interaction, hover, and timer. By implementing lazy loading, developers can optimize the delivery of their Angular apps and improve load times for end users.

   11
6. 6
   Article

   ITNEXT·2y

   Declarative Loop Control Flow in Angular 17

   Angular 17 introduces a new built-in control flow template syntax that simplifies Angular templates by providing declarative syntax for control flow. The @-for control flow is used to iterate over a list of products, and the @-empty block is used to display a template when there are no items in the list. There is a misconception that the @-empty block will wait for asynchronous data to load before rendering.

   10