facebook/stylex

Что это?

Ключевые возможности

• 01Позволяет объявлять стили как JavaScript-объекты с помощью stylex.create.
• 02Применяет стили к элементам через stylex.props.
• 03Включает Babel-плагин и интеграции с PostCSS, Rollup и ESLint.
• 04Предоставляет CLI для процесса сборки.
• 05Предлагает официальный сайт с документацией.

Сценарии использования

• Стилизация интерфейса на React или другом JavaScript-фреймворке с локальными областями видимости и определениями стилей рядом с компонентами.
• Добавление в существующий frontend-проект конвейера обработки стилей на этапе сборки с использованием Rollup или PostCSS.
• Соблюдение соглашений о стилях в кодовой базе с помощью ESLint-плагина StyleX.

Быстрый старт

1. 1

   Установите пакет StyleX из npm

   npm install @stylexjs/stylex
2. 2

   Определяйте стили с помощью stylex.create и применяйте их с помощью stylex.props

3. 3

   Инструкции по настройке инструмента сборки смотрите на сайте документации

Что важно знать

• !В README нет инструкций по настройке компиляции стилей; интеграцию с инструментом сборки нужно настроить отдельно.
• !Это monorepo для разработки, поэтому для участия в разработке необходимо установить весь yarn workspace.

Темы

Частые вопросы

Что такое stylex?

JavaScript-библиотека Facebook для создания оптимизированных атомарных CSS-стилей в интерфейсах. StyleX — JavaScript-библиотека для определения стилей интерфейсов. Разработчики объявляют стили с помощью stylex.create и применяют их через stylex.props, который возвращает имена классов для добавления к элементам.

stylex можно использовать бесплатно? Какая у него лицензия?

stylex распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

stylex всё ещё поддерживается?

Активно поддерживается. Последний коммит в stylex — 21 окт. 2026 г..

Для чего можно использовать stylex?

Стилизация интерфейса на React или другом JavaScript-фреймворке с локальными областями видимости и определениями стилей рядом с компонентами. Добавление в существующий frontend-проект конвейера обработки стилей на этапе сборки с использованием Rollup или PostCSS. Соблюдение соглашений о стилях в кодовой базе с помощью ESLint-плагина StyleX.

Как установить stylex?

Установите пакет StyleX из npm: npm install @stylexjs/stylex Определяйте стили с помощью stylex.create и применяйте их с помощью stylex.props Инструкции по настройке инструмента сборки смотрите на сайте документации

Где скачать stylex?

Исходный код и инструкции по установке — на GitHub: https://github.com/facebook/stylex