[Перевод] Анонс новой версии Styled Components v5: Звериный оскал

Мы очень рады анонсировать новую пятую версию styled-components! Новая версия полностью обратно совместима с предыдущей при условии использования React^16.8.

Бету пятой версии можно попробовать уже сейчас:

npm install styled-components@beta

Нужна версия React, поддерживающая React.hooks, т.е. react@^16.8 react-dom@^16.8 react-is@^16.8

А теперь об изменениях!

Быстро. Еще Быстрее. Styled-Components.

Когда больше чем 2 года назад мы выпустили вторую версию, мы обещали фокусироваться на производительности. Мы уже сильно ускорили работу библиотеки в течение нескольких релизов. Так, мы получили десятикратное увеличение скорости в версии 3.1 и еще 25% ускорение в версии 4.

К пятой версии, библиотека styled-components стала еще быстрее! Сравнивая с 4 версией, мы получили:

на 19% меньший размер минифицированного кода (16.2kB vs. 13.63kB min+gzip) ️

на 18% быстрее инициализация на клиентской стороне

на 17% быстрее обновление динамических стилей

на 45% (!!!) быстрее серверный рендеринг

Читать дальше →

Источник: Уроки CSS на Хабрахабре