Создает ли ReactJS виртуальную DOM ваше приложение быстрее, если вы поместите все CSS в качестве встроенного стиля? VS, используя исходные файлы .css?Что такое быстрый, сырой CSS или встроенный стиль в ReactJS?
http://facebook.github.io/react/tips/inline-styles.html
Также см это ReactJS представления о CSS в JavaScript: https://speakerdeck.com/vjeux/react-css-in-js
Браузеры положили года усилий в создании их CSS стилей разбора + движок рендеринга молниеносно и память эффективно. В строковых стилях точно не было такого же лечения. Однако яркая сторона заключается в том, что на самом деле это не имеет большого значения, если вы создаете приложения/страницы нормального размера. Разница незначительна. Встроенные стили составляют тот факт, что на самом деле используются 100% стилей, где таблицы стилей CSS часто конкатенируются, и почти 90% проанализированных правил неактивны (теряются).
Совет. Повысьте эффективность, избегая повторных попыток. Вот где узкое место часто бывает!
Возможно Похожая (также интересно читать) https://stackoverflow.com/questions/8284365/external-css-vs-inline-style-performance-difference – mattsven
нашел этот интересный материал JSPerf http://jsperf.com/js-inline-css-vs-stylesheet-one-at-time/2 Результаты говорят, что таблицы стилей быстрее, чем встроенные – Dhiraj