https://github.com/mweststrate/mobx-todomvc

Trimmed down TodoMVC used for benchmarking
https://github.com/mweststrate/mobx-todomvc

Last synced: about 2 months ago
JSON representation

Trimmed down TodoMVC used for benchmarking

• Host: GitHub
• URL: https://github.com/mweststrate/mobx-todomvc
• Owner: mweststrate
• License: mit
• Created: 2016-04-08T21:22:20.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-01-09T17:53:06.000Z (almost 7 years ago)
• Last Synced: 2024-10-03T12:22:28.040Z (2 months ago)
• Language: JavaScript
• Size: 9.77 KB
• Stars: 45
• Watchers: 2
• Forks: 9
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - mobx-todomvc - Trimmed down TodoMVC used for benchmarking (JavaScript)

README

        
# TodoMVC Benchmarking

Used for benchmarking and comparing performance with Redux (see also https://github.com/mweststrate/redux-todomvc).

The main question: what are the performing impacts of a single change when the state size increases.

Surely nobody will render 10.000 todo items, but to know whether we can several thousand of components in visualizations with support drag and drop, this benchmark is a nice indication 

whether rendering speed is roughly O(1) or O(n). 

See the discussion around: https://twitter.com/mweststrate/status/718444275239882753

## Running:

* `npm install`

* `npm start`

## Profiling:

* `npm install`

* `npm run build`

* Open index.html

Profiling is done by using the chrome developers tool, profiles > collect CPU profile > record > change todo items > stop recording > Chart view > Take the average of the "Total Time" of the different stacks you see. Skip the first one as that one is usually slower (probably JIT initialization and such)