Create Angular 20 features with NgRx state and standalone components.
npx skills add https://github.com/Rzyfront/Vendix --skill vendix-frontend
Please help me install this Agent Skill. Skill: vendix-frontend Source: https://github.com/Rzyfront/Vendix/tree/main/skills/vendix-frontend Command: npx skills add https://github.com/Rzyfront/Vendix --skill vendix-frontend
This skill captures Angular 20 + NgRx patterns and best practices to streamline frontend development, enabling teams to start projects with a solid architectural baseline.
Start by creating a new feature folder under apps/frontend/src/app/features/, implement the state with reducers/actions/selectors/effects, and build a simple standalone component that consumes the feature state via selectors.
High-intent search queries and answers about installing and using this skill.
NgRx feature state in Angular is structured using a feature folder layout containing state/, components/, and pages/ directories. This standardizes reducers, actions, selectors, and effects to ensure scalable state management across projects.
Organizing Angular standalone components involves placing them within a standardized feature folder structure under apps/frontend/src/app/features/. This modular approach creates reusable UI pieces that consume feature state via selectors.
Yes, you can migrate existing components to NgRx by applying the documented feature state templates. The blueprint provides reducers, actions, selectors, and effects patterns to align frontend architecture during component migration.
TypeScript is required to implement Angular 20 standalone components and NgRx patterns. The architectural baseline relies on typed state management components like reducers and selectors to accelerate frontend development.
NgRx state management works with Angular 20 standalone components by having standalone components consume feature state via selectors. The state is implemented using reducers, actions, selectors, and effects within a dedicated state/ folder.
You should standardize frontend architecture with NgRx patterns when creating new features or aligning architecture across teams. This approach replaces local component state with scalable feature state to maintain a solid architectural baseline.
SpaceZephyrInitialize new software projects with TypeScript, linting, formatting, and Git setup.
cuongtl1992Design Angular 17+ components, state stores, and HTTP services with .NET backend integration.
J-PsterEnforce Angular component structure, naming, error handling, and lazy loading conventions.
MovchanetsSelect and apply Angular state management patterns across Signals and NgRx stores.
