ng-zorro-antd VS Angular

Ant Design: A solid option that is been used by a lot of heavy hitters, such as Tencent, Baidu, AliBaba, and more. Supports all modern browsers, SSR, esm, and even Electron. Has also community implementations for Angular, Vue, and more. Does use CSS-in-JS, so expect runtime overhead as well as AntD ways of doing things.

I've been using ng-zorro on my current project (https://ng.ant.design/)

Fortunately, antd does have an angular counterpart - ng-zorro-antd. Documentation @ https://ng.ant.design/

I'm currently working with Ant Design. It doesn't have a lot of advanced components, but its quite good. Community is still growing, so you won't be getting a lot of help online.

This is how @angular/material works but they use bazel so it is hard to replicate. Ng-zorro does it kind of you can apply their logic to your stucture. https://github.com/NG-ZORRO/ng-zorro-antd/tree/master/components

NG ZORRO - An enterprise-class UI components based on Ant Design and Angular.

NG Zorro

Github Stars: 6800+ Weekly npm downloads: 33,000+ Latest update: 7.5.1

/** * https://github.com/angular/angular/blob/75a186e321cb417685b2f13e9961906fc0aed36c/packages/core/src/render3/reactivity/untracked.ts#L15 * * packages/core/src/render3/reactivity/untracked.ts * **/ export function untracked(nonReactiveReadsFn: () => T): T { const prevConsumer = setActiveConsumer(null); try { return nonReactiveReadsFn(); } finally { setActiveConsumer(prevConsumer); } }

source: https://github.com/angular/angular/issues/46542

Besides the dangers, mentioned by Angular docs (infinite loops, change detection errors), there is another thing, that might be quite nasty: effects are executed in a reactive context, and any code you call in effect, will be executed in a reactive context. If that code reads some signals, they will be added as dependencies to your effect. Here Alex Rickabaugh explains the details.

In June 2023, the Angular team raised a new RFC to implement control flow syntaxes within Angular. They gave the following rationale for introducing control flow syntax:

For scheduling, I use awesome code I found in the Angular source code.

Just to give you more context, I led the migration of several AngularJS applications to the newer Angular Framework. My client finally decided to make that move following the AngularJS deprecation announcement (stay up to date please 🙏)️.

Link — angular/CONTRIBUTING.md

Angular v17 was released some months ago with a ton of new features, a brand new logo and the new blog angular.dev.