vercel-react-best-practices
Vercel React Best Practices
Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 57 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
When to Apply
Reference these guidelines when:
- Writing new React components or Next.js pages
- Implementing data fetching (client or server-side)
- Reviewing code for performance issues
- Refactoring existing React/Next.js code
- Optimizing bundle size or load times
Rule Categories by Priority
| Priority | Category | Impact | Prefix |
|---|---|---|---|
| 1 | Eliminating Waterfalls | CRITICAL | async- |
| 2 | Bundle Size Optimization | CRITICAL | bundle- |
More from jamals86/kalamdb
rust-skills
>
22vercel-composition-patterns
React composition patterns that scale. Use when refactoring components with
21raft
Raft replication in KalamDB: log replication, leader election, snapshots, membership changes, and safety rules. Keywords: raft, consensus, leader, follower, log, snapshot, term.
20datafusion
DataFusion integration: logical/physical plans, execution context, table providers, schema memoization, and SQL handler routing. Keywords: DataFusion, Arrow, logical plan, physical plan, table provider, schema registry.
19mvcc
MVCC in KalamDB: versioned records, visibility rules, snapshot reads, compaction, and transaction lifecycles. Keywords: mvcc, snapshot, visibility, commit, abort, tombstone, vacuum.
18web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
17