angular/production-readiness

What problem does it solve?

This Skill helps you reduce production bundle size and runtime overhead in TanStack Table for Angular v9 by curating features, stabilizing references, and avoiding common performance footguns.

Core Features & Use Cases

• Feature tree-shaking & smaller bundles: Register only the _features and *Fns you actually use instead of relying on stock defaults.
• Signal-aware performance hygiene: Keep columns, _features, _rowModels, and selector/function maps stable outside the injectTable initializer to avoid unnecessary rebuilds.
• Lower rendering and change-detection cost: Use ChangeDetectionStrategy.OnPush, narrow reads with table.atoms.<slice>.get(), add stable getRowId, and ensure @for blocks track by stable identifiers.

Quick Start

Tell your AI agent to review your Angular Table setup and rewrite it to explicitly register only the used features and functions, move columns/_features/_rowModels to module or class scope, enforce OnPush, and apply stable getRowId plus track row.id in every @for.