Angular Best Practices Primeng

alfredoperez/angular-best-practices/skills/angular-best-practices-primeng

作者 alfredopereza499a4786182097a500dd2fb6ddc2489caee3854MIT37 个星标收录于 2026年10月9日更新于 2026年10月9日仓库6个月前更新

PrimeNG best practices for Angular. Covers tree-shaking imports, lazy-loaded tables, and the Aura/Lara theme system with design tokens. Activates when working with primeng components. Do not use for Angular Material, Spartan UI, or other component libraries. Install alongside angular-best-practices for full coverage.

已归档仅含说明Software Development
AI 生成的概览

Angular 的 PrimeNG 最佳实践：可摇树优化的导入、懒加载表格，以及使用设计令牌的 Aura/Lara 主题。

功能
提供在 Angular 项目中使用 PrimeNG 组件的规则指导。内容涵盖使用独立组件导入以减小打包体积、配置支持服务端分页或虚拟滚动的表格，以及通过 providePrimeNG 设计令牌而非 CSS 覆盖来设置主题。它是仅含说明的附加技能，需与核心 Angular 最佳实践技能一起安装。
适用场景
适用于导入 PrimeNG 独立组件、配置带服务端分页或虚拟滚动的 PrimeNG 表格，或使用设计令牌设置 Aura/Lara 主题的场景。不适用于 Angular Material、Spartan UI 或其他组件库。
运行要求
不附带脚本或工具，仅为说明文档。假定项目为使用 PrimeNG 的 Angular 项目，并设计为与核心 angular-best-practices 技能一同安装。

Angular PrimeNG Best Practices

PrimeNG rules for component imports, table performance, and theming. Use with the core angular-best-practices skill for comprehensive Angular coverage.

Links

When to Apply

  • Importing PrimeNG standalone components
  • Configuring tables with server-side pagination or virtual scrolling
  • Setting up Aura/Lara themes with design tokens

Rules

RuleImpactDescription
Tree-Shake PrimeNG ImportsMEDIUMStandalone component imports for smaller bundles
Use PrimeNG Table with Lazy LoadingHIGHServer-side pagination for large datasets
Use PrimeNG Theme SystemMEDIUMDesign tokens via providePrimeNG instead of CSS overrides

Install

Install from skills.sh/alfredoperez/angular-best-practices:

来源与署名

来源：alfredoperez/angular-best-practices位于skills/angular-best-practices-primeng提交a499a47

许可证： MIT

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架

更多来自 alfredoperez/angular-best-practices 的技能

Angular Best Practices Signalstore

alfredoperez

面向 Angular 的 NgRx SignalStore 最佳实践指南，涵盖共享状态、计算状态、实体管理与 RxJS 集成。

已归档
Software Development376个月前更新

Angular Best Practices Ngrx

alfredoperez

Angular 的 NgRx 状态管理最佳实践，涵盖 reducer、effect、selector 与实体适配器。

已归档
Software Development376个月前更新

Angular Best Practices Material

alfredoperez

Angular Material 与 CDK 最佳实践规则，涵盖按需导入、M3 主题、CDK 工具与组件测试 harness。

已归档
Software Development376个月前更新

Angular Best Practices

alfredoperez

提供 Angular 17+ 现代最佳实践指南，涵盖信号、模板、RxJS、性能、SSR、测试与无障碍。

已归档
Software Development376个月前更新

更多Software Development技能

Playground

anthropics

精选

构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。

Software Development37K今天更新

M5 Onboard

anthropics

精选

通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。

Software Development37K今天更新

Cardputer Buddy

anthropics

精选

指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。

Software Development37K今天更新

Web Design Guidelines

vercel-labs

精选

依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。

Software Development32K5周前更新

Vercel React Native Skills

vercel-labs

精选

React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。

Software Development32K5周前更新

Vercel React Best Practices

vercel-labs

精选

Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。

Software Development32K5周前更新