什么是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重新渲染，从而提高性能。 这就是瓶颈经常出现的地方！