什么是ReactJS中更快，原始的CSS或内联样式？

Question

如果将所有CSS设置为内联样式，ReactJS虚拟DOM是否会使您的应用更快？ VS使用原始.css文件？

http://facebook.github.io/react/tips/inline-styles.html

另请参阅JavaScript中关于CSS的ReactJS演示： https://speakerdeck.com/vjeux/react-css-in-js

Answer 1

浏览器已经花费了多年的努力来使他们的CSS样式表解析+渲染引擎快速且内存高效。内联样式并没有完全相同的处理方式。然而，好的一面是，如果您正在创建正常大小的应用/页面，它实际上并不重要。差别很小。内联样式弥补了实际使用100％样式的事实，其中CSS样式表经常被连接，并且几乎90％的已分析规则处于非活动状态（浪费）。

提示：避免React重新渲染，从而提高性能。这通常是瓶颈所在！