| Category | Description | Libraries | Status | View Results |
|---|---|---|---|---|
| ποΈ State Management | React state management libraries | 8 | View β | |
| π Immutability | Immutability helper libraries | 6 | View β | |
| π§ Router | React routing libraries | 4 | View β | |
| π¨ CSS Frameworks | CSS-in-JS and utility-first CSS frameworks | 4 | View β |
Each category has its own detailed README with benchmark results, methodology, and insights.
View All State Management Results β
- Automated: Runs hourly via GitHub Actions for per-library checks
- Smart Execution: Only benchmarks libraries with new versions (75-85% cost reduction)
- Independent Results: Each library tested and stored separately
- Comprehensive: Multiple real-world test scenarios per category
- Transparent: Open source, reproducible locally
π Read the Architecture Documentation β
Learn about the per-library benchmark system, cost optimization strategies, and how to add new libraries.
Browse to any category folder to see detailed benchmark results and insights.
# Clone the repo
git clone https://github.com/SylphxAI/benchmark.git
cd benchmark
# Install root dependencies
npm install
# Run a specific category
cd benchmarks/state-management
npm install
npm run benchmark
# Generate report
node generate-readme.js- Update
package.jsonin the category folder - Update
library-metadata.jsonwith GitHub link - Add benchmark tests in
src/benchmark.bench.ts - Run benchmarks and generate README
- Submit PR with results
- Create directory in
benchmarks/ - Copy structure from existing category
- Add libraries and write tests
- Update main README table
- Submit PR with sample results
Each category README includes:
- Library Versions: Current versions with last updated dates
- Bundle Sizes: Minified + Gzipped sizes from Bundlephobia
- Benchmark Results: Operations/sec, variance, mean time, p99
- Key Insights: Performance comparisons and recommendations