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
React Native running CSS in JS benchmarks on iOS simulator


Know any other? Please open an issue or, preferrably, a pull request :)


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

  • Run git clone [email protected]:brunolemos/react-native-css-in-js-benchmarks.git
  • Run yarn or npm install


  • Run react-native run-ios
  • Use the app as usual


  • Run brew tap wix/brew
  • Run brew install applesimutils
  • Start the iPhone X Simulator
  • Run npm run test:e2e:build
  • Run npm run test:e2e

Detox will run all benchmarks and show the results at the end.


Bruno Lemos (follow @brunolemos on twitter)

React Native CSS In JS Benchmarks

CSS in JS Benchmarks for React Native

React Native CSS In JS Benchmarks Info

⭐ Stars46
🔗 Homepagegithub.com
🔗 Source Codegithub.com
🕒 Last Updatea year ago
🕒 Created5 years ago
🐞 Open Issues2
➗ Star-Issue Ratio23
😎 Authorbrunolemos