Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Benchmark with react-redux-benchmarks

See original GitHub issue

Continuing from: https://github.com/dai-shi/react-hooks-easy-redux/issues/1#issuecomment-455552088

Note:

The first Version column is meaningless. react-redux 5.0.7 is only used in the tree-view benchmark and not in other tree-view-* benchmarks.

Issue Analytics

State:
Created 5 years ago
Comments:106 (46 by maintainers)

Top GitHub Comments

5reactions

dai-shicommented, Mar 25, 2019

setup

git clone https://github.com/dai-shi/react-redux-benchmarks.git
cd react-redux-benchmarks
npm install
npm run initialize
REDUX=7.0.0.beta-0 BENCHMARK_TRACE=false BENCHMARKS=tree-view:tree-view-rher:deeptree:deeptree-rher:twitter-lite:twitter-lite-rher npm start

results

tree-view (react-redux 7.0.0.beta-0)

┌─────────┬──────────────┬───────────────────────────────────────────────────────────────────────────────┐
│ Avg FPS │ Render       │ FPS Values                                                                    │
│         │ (Mount, Avg) │                                                                               │
├─────────┼──────────────┼───────────────────────────────────────────────────────────────────────────────┤
│ 52.25   │ 817.5, 0.2   │ 51,55,45,48,52,50,53,55,56,47,54,52,49,52,53,56,51,56,55,51,53,56,54,51,55,55 │
└─────────┴──────────────┴───────────────────────────────────────────────────────────────────────────────┘

tree-view (react-hooks-easy-redux 1.6.0)

┌─────────┬──────────────┬────────────────────────────────────────────────────────────────────────────────────────┐
│ Avg FPS │ Render       │ FPS Values                                                                             │
│         │ (Mount, Avg) │                                                                                        │
├─────────┼──────────────┼────────────────────────────────────────────────────────────────────────────────────────┤
│ 47.68   │ 658.4, 1.5   │ 51,27,48,54,45,46,35,50,43,53,54,44,54,41,49,48,42,44,48,54,45,56,55,51,55,51,43,50,50 │
└─────────┴──────────────┴────────────────────────────────────────────────────────────────────────────────────────┘

deeptree (react-redux 7.0.0.beta-0)

┌─────────┬──────────────┬────────────────────────────────────────────────────────────────────────────┐
│ Avg FPS │ Render       │ FPS Values                                                                 │
│         │ (Mount, Avg) │                                                                            │
├─────────┼──────────────┼────────────────────────────────────────────────────────────────────────────┤
│ 40.34   │ 108.1, 1.4   │ 51,53,52,54,51,50,52,47,54,52,54,52,44,31,25,30,27,32,31,32,24,23,21,22,22 │
└─────────┴──────────────┴────────────────────────────────────────────────────────────────────────────┘

deeptree (react-hooks-easy-redux 1.6.0)

┌─────────┬──────────────┬────────────────────────────────────────────────────────────────────────────┐
│ Avg FPS │ Render       │ FPS Values                                                                 │
│         │ (Mount, Avg) │                                                                            │
├─────────┼──────────────┼────────────────────────────────────────────────────────────────────────────┤
│ 39.10   │ 87.3, 0.9    │ 48,53,47,49,50,49,46,47,48,49,51,48,52,30,29,30,29,33,29,31,29,21,20,21,21 │
└─────────┴──────────────┴────────────────────────────────────────────────────────────────────────────┘

twitter-lite (react-redux 7.0.0.beta-0)

┌─────────┬──────────────┬──────────────────────────────────────────────────────────────────────┐
│ Avg FPS │ Render       │ FPS Values                                                           │
│         │ (Mount, Avg) │                                                                      │
├─────────┼──────────────┼──────────────────────────────────────────────────────────────────────┤
│ 48.95   │ 3.9, 0.3     │ 59,60,59,60,58,60,58,60,55,60,56,51,47,44,38,39,37,31,33,31,28,30,30 │
└─────────┴──────────────┴──────────────────────────────────────────────────────────────────────┘

twitter-lite (react-hooks-easy-redux 1.6.0) with React.memo (is it fair?)

┌─────────┬──────────────┬──────────────────────────────────────────────────────────────────────┐
│ Avg FPS │ Render       │ FPS Values                                                           │
│         │ (Mount, Avg) │                                                                      │
├─────────┼──────────────┼──────────────────────────────────────────────────────────────────────┤
│ 56.22   │ 3.1, 1.1     │ 59,60,59,60,59,60,59,60,52,56,54,60,58,56,59,58,57,56,51,49,44,31,31 │
└─────────┴──────────────┴──────────────────────────────────────────────────────────────────────┘

3reactions

theKasheycommented, May 25, 2019

Just 10% slower. And you might spent months to make it 5% faster. I would propose just keep it as is, and revisit it after… vacations. Always helps with new ideas.

Top Results From Across the Web

Performance benchmark harness for React-Redux - GitHub

react -redux-benchmarks. Performance benchmark harness for React-Redux. This repo expects that you are using Yarn for package management. Running benchmarks.

React + Redux Performance and the Benchmarks to Prove It

React /Redux is a wonderful pairing. Yet every decision you make can have major impacts on performance. Both offer performance improvements ...

Redux FAQ: Performance

For maximum rendering performance in a React application, ... You can also use redux-log-slow-reducers to do some performance benchmarking.

Benchmark - React.js Examples

Benchmark · A collection of 4 posts · Beautiful browser benchmarks with React · Dom vs. million-react vs. million-react delta · React 18...

Performance Comparison of State Management Solutions in ...

So in this post I am going to compare performance of. @react-state/store; Redux; Akita. Let's begin. Same as in previous blog post I...