Add more benchmark apps

[markerikson]

We can start adding more benchmark apps now.

Pasting some other benchmark-ish repos that are worth investigating and potentially porting:

https://github.com/mweststrate/redux-todomvc
https://github.com/jscriptcoder/stressing-redux
https://github.com/somebody32/high-performance-redux/tree/gh-pages/assets
https://github.com/coderitual/redux-performance
reduxjs/react-redux#686 (comment)
https://github.com/Kalkut/redux-data-frequency-benchmark

Also, we should look at writing some more "real-world" benchmarks, not just FPS stress tests, but that may depend on figuring out what other metrics we want to measure (#3 ).

[markerikson]

Another potential source: the JS framework benchmarks repo at https://github.com/krausest/js-framework-benchmark .

[markerikson]

@Avi98: sure, go ahead, thanks!

[markerikson]

Hmm. Not exactly sure what's going on there. Looks like NPM was having trouble copying a file during the install process. Does this happen every time?

[dai-shi]

@Avi98 I have the same error and end up with a patch. I'm not sure what is a problem. Hope it's somehow fixed.

diff.txt

git clone https://github.com/reduxjs/react-redux-benchmarks.git
cd react-redux-benchmarks
patch -p1 < ../diff.txt
npm install
npm run initialize
npm start

[dai-shi]

Hm, it doesn't seem to work as expected. Sorry.

[dai-shi]

It works now.

diff2.txt

git clone https://github.com/reduxjs/react-redux-benchmarks.git
cd react-redux-benchmarks
patch -p1 < ../diff2.txt
curl https://unpkg.com/react@16.6.0/umd/react.production.min.js > copy-to-public/react.production.min.js
npm install
npm run initialize
BENCHMARKS=twitter-lite npm start -s
Running benchmark twitter-lite
  react-redux version: 5.0.7
    Checking max FPS... (30 seconds)
    Running trace...    (30 seconds)
  react-redux version: 6.0-1000-4855c84
    Checking max FPS... (30 seconds)
    Running trace...    (30 seconds)

Results for benchmark twitter-lite:
┌──────────────────┬─────────┬───────────┬───────────┬──────────┬───────────────────────────────────────────────────────────────────────────────┐
│ Version          │ Avg FPS │ Scripting │ Rendering │ Painting │ FPS Values                                                                    │
├──────────────────┼─────────┼───────────┼───────────┼──────────┼───────────────────────────────────────────────────────────────────────────────┤
│ 5.0.7            │ 45.73   │ 20656.72  │ 3581.47   │ 373.67   │ 54,59,60,57,59,52,59,57,54,45,57,55,51,43,37,42,37,36,32,30,29,28,27          │
├──────────────────┼─────────┼───────────┼───────────┼──────────┼───────────────────────────────────────────────────────────────────────────────┤
│ 6.0-1000-4855c84 │ 31.76   │ 24595.08  │ 2232.00   │ 284.90   │ 49,60,55,59,47,58,49,48,39,35,32,30,29,25,22,24,23,22,21,16,18,17,18,17,16,14 │
└──────────────────┴─────────┴───────────┴───────────┴──────────┴───────────────────────────────────────────────────────────────────────────────┘

I'll file a new issue about the broken file.

[dai-shi]

@Avi98 Is it that easy? I'll try it later.

Anyway, since I already posted a bunch of unrelated comments and you have no problem now,
I'll stop this topic here. If we need further discussions, let's open a new issue.

[markerikson]

More relevant examples we can draw from:

https://medium.com/@ryansolid/react-hooks-the-most-performant-way-to-write-react-393e135e1cc