react-best-practices
SKILL.md
React Best Practices
Client-side React optimization patterns for Cloud UI. 29 rules organized by category and impact.
Activation Conditions
- Performance optimization tasks
- Component re-render issues
- Bundle size concerns
- useEffect/useMemo patterns
Rules by Category
Bundle Optimization (CRITICAL)
| Rule | Key Point |
|---|---|
bundle-barrel-imports |
Import from source files, not barrel index.ts |
bundle-code-splitting |
React.lazy + Suspense for heavy components, conditional loads, deferred 3rd-party |
bundle-preload |
Preload critical resources |