Новая CSS-in-JS библиотека, совместимая с RSC, которая использует новую фичу поднятия стилей и дедупликацию React 19.
Пример использования через функцию CSS, которая возвращает имена классов и тег <styles>:
import { css } from "restyle";
export default function BasicUsage() {
const [classNames, styles] = css({
padding: "1rem",
backgroundColor: "peachpuff",
});
return (
<>
<div className={classNames}>Hello World</div>
{styles}
</>
);
}
В React 19 тег <styles>, размещенный внутри компонента, в некоторых случаях будет перемещен внутрь тега <head>. Также React дедуплицирует одинаковые стили.
https://www.restyle.dev/
