angular-developer

Run ng new <project-name> if the Angular CLI is installed locally, or npx @angular/cli@latest new <project-name> to fetch the latest version. For a specific version like Angular 15, use npx @angular/cli@15 new <project-name>.

Use signal() for writable state, computed() for strictly derived values, and linkedSignal() when derived state must remain user-editable. Avoid using effect() to sync state between signals, as that causes errors and infinite loops.

For Angular v21 and newer, prefer signal forms for new form implementations. For older applications or existing forms, continue using the form strategy already established in the project, whether template-driven or reactive forms.

Yes, use loadComponent to lazy-load a single component or loadChildren to lazy-load a set of routes. Loader functions run in an injection context, so you can call inject() to make context-aware loading decisions.

Use computed() for state derived from other signals and effect() only for syncing signals to imperative APIs like logging, localStorage, or third-party DOM libraries. Never call set() or update() inside an effect to propagate state.

Use TestbedHarnessEnvironment.loader(fixture) to get a HarnessLoader, then call loader.getHarness() with a harness class like MatButtonHarness. Harness APIs like click() and getText() handle async operations and change detection automatically.