CSS in JS Benchmarks
for React Native
See RESULTS.md for the benchmark results.
- Big table with random data and dynamic background color opacity
- Multiple implementations for each lib with small variations, e.g. using inline styles or not
- Multiple rerenders are executed per test and the result is their average render time
The idea and some code pieces are heavily inspired by A-gambit/CSS-IN-JS-Benchmarks, which benchmarks were made for React Web.
How to run
git clone email@example.com:brunolemos/react-native-css-in-js-benchmarks.git
- Use the app as usual
brew tap wix/brew
brew install applesimutils
- Start the iPhone X Simulator
npm run test:e2e:build
npm run test:e2e
Detox will run all benchmarks and show the results at the end.
Bruno Lemos (follow @brunolemos on twitter)