| Category | Description | Libraries | Status | View Results |
|---|---|---|---|---|
| 🗃️ State Management | React state management libraries | 1 | 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.
- Automated: Runs daily via GitHub Actions
- Smart Execution: Only runs when libraries update or test files change
- Comprehensive: Multiple real-world test scenarios per category
- Transparent: Open source, reproducible locally
Browse to any category folder to see detailed benchmark results and insights.
# Clone the repo
git clone https://github.com/sylphxltd/benchmark.git
cd benchmark
# Install root dependencies
npm install
# Run a specific category
cd benchmarks/state-management
npm install
npm run benchmark
# Generate report
npx tsx ../../scripts/generate-readme.ts .- 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