什么是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重新渲染，從而提高性能。 這就是瓶頸經常出現的地方！