CSS-IN-JS-Benchmarks icon indicating copy to clipboard operation
CSS-IN-JS-Benchmarks copied to clipboard

Published 20 hours ago • verified publisher icon A-gambit

Questions and suggestions following the results

Open carpben opened this issue 7 years ago • 0 comments

This is very helpful.

  1. However, I couldn't understand from the Readme file what React application (which we style with Css In Js) is the basis for the comparison.
  2. According to https://reactjs.org/docs/faq-styling.html#are-inline-styles-bad and also https://www.ctheu.com/2015/08/17/react-inline-styles-vs-css-stupid-benchmark/ CSS is more efficient than inline-Style. However, surprisingly, the results show contrary results: a. react (with inline-styles) is in the second row. b. styled-jsx-inline-styles - is third c. Glam Inline Style - also gets a high result. Is there any explanation for this somewhat unexpected results?
  3. Perhaps it would be helpful to add to the comparison table a column of the generated file size. This measurement dramatically effects the time it takes to the app to first load.

carpben avatar Apr 13 '18 17:04 carpben