https://github.com/aidenybai/million-delta-react-test

dom vs. million-react vs. million-react delta
https://github.com/aidenybai/million-delta-react-test

delta million react

Last synced: about 2 months ago
JSON representation

dom vs. million-react vs. million-react delta

• Host: GitHub
• URL: https://github.com/aidenybai/million-delta-react-test
• Owner: aidenybai
• License: mit
• Created: 2022-08-09T23:02:49.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-08-31T22:02:56.000Z (almost 3 years ago)
• Last Synced: 2025-03-29T08:01:34.951Z (3 months ago)
• Topics: delta, million, react
• Language: JavaScript
• Homepage:
• Size: 2.7 MB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# [Create 5000 Nodes Benchmark](https://twitter.com/aidenybai/status/1553280656213360640) - DOM vs. Million-React vs. Million-React w/ Delta

### Test pages:

- [DOM](https://dom-bench.vercel.app/)

- [Million-React](https://million-bench.vercel.app/)

- [Million-React w/ Delta](https://delta-bench.vercel.app/)

### How to benchmark with Chrome:

1. Open Devtools

2. Open the Performance tab

3. Click the "Start profiling and reload page" button:

![](/images/reload.png)

4. Drag and highlight the main yellow are of the timeline:

![](/images/results.png)

5. View the scripting time. Longer time is worse.

![](/images/time.png)

6. Repeat for all tests.

### Results:

![](/images/norm.jpeg)

![](/images/extra.jpeg)