Эта новость выглядит интересно. Пока сами не успели протестировать на своих проектах этот подход, поэтому не готовы говорить о приросте производительности. Но идея кажется классной — будет интересно проверить её на практике. Погружаемся 👇
Команда GitHub описала переход от CSS-in-JS к CSS Modules. Стили стали собираться в обычные CSS-файлы: их больше не нужно создавать во время выполнения JavaScript на клиенте или генерировать при серверном рендеринге.
Миграцию начали с компонентов дизайн-системы Primer. Старые и новые стили переключали флагами функций, а совпадение интерфейса проверяли визуальными тестами. По данным команды, на этом этапе время серверного рендеринга сократилось на 55%, а время инициализации компонентов — на 25%. Статья также разбирает перенос пользовательских стилей и тем; эти результаты относятся к измерениям GitHub, а не к любому переходу на CSS Modules.
Источник: GitHub Blog.
Команда GitHub описала переход от CSS-in-JS к CSS Modules. Стили стали собираться в обычные CSS-файлы: их больше не нужно создавать во время выполнения JavaScript на клиенте или генерировать при серверном рендеринге.
Миграцию начали с компонентов дизайн-системы Primer. Старые и новые стили переключали флагами функций, а совпадение интерфейса проверяли визуальными тестами. По данным команды, на этом этапе время серверного рендеринга сократилось на 55%, а время инициализации компонентов — на 25%. Статья также разбирает перенос пользовательских стилей и тем; эти результаты относятся к измерениям GitHub, а не к любому переходу на CSS Modules.
Источник: GitHub Blog.