coding-standards

📁 expensify/app 📅 12 days ago
30
总安装量
30
周安装量
#12362
全站排名
安装命令
npx skills add https://github.com/expensify/app --skill coding-standards

Agent 安装分布

amp 30
gemini-cli 30
github-copilot 30
codex 30
windsurf 30
kimi-cli 30

Skill 文档

Expensify Coding Standards

Coding standards for the Expensify App. Each standard is a standalone file in rules/ with reasoning, examples, and applicability conditions.

Categories

Category Prefix Focus
Performance PERF-* Render optimization, memo patterns, useEffect hygiene, data selection
Consistency CONSISTENCY-* Platform checks, magic values, unused props, ESLint discipline
Clean React Patterns CLEAN-REACT-PATTERNS-* Composition, component ownership, state structure

Quick Reference

Performance

  • PERF-1 — No spread in renderItem
  • PERF-2 — Return early before expensive work
  • PERF-3 — Use OnyxListItemProvider in renderItem
  • PERF-5 — Shallow over deep comparisons
  • PERF-6 — Derive state from props
  • PERF-7 — Reset via key prop
  • PERF-8 — Handle events in handlers
  • PERF-9 — No useEffect chains
  • PERF-10 — No useEffect parent communication
  • PERF-11 — Optimize data selection
  • PERF-12 — Prevent memory leaks
  • PERF-13 — Hoist iterator-independent calls
  • PERF-14 — Use useSyncExternalStore
  • PERF-15 — Clean up async Effects
  • PERF-16 — Guard double initialization

Consistency

Clean React Patterns

Usage

During development: When writing or modifying src/ files, consult the relevant standard files for detailed conditions, examples, and exceptions.

During review: The code-inline-reviewer agent loads all standards from this directory. See .claude/agents/code-inline-reviewer.md.