Repolode
Enviar
facebook

facebook/stylex

Biblioteca de estilos JavaScript de Facebook para definir estilos CSS atómicos y optimizados en interfaces de usuario.

Ver en GitHubSitio web
Estrellas
10,424
Forks
502
Issues abiertos
239
Último commit
hace 5 horas

¿Qué es?

StyleX es una biblioteca JavaScript para definir estilos en interfaces de usuario. Los desarrolladores declaran estilos con stylex.create y los aplican con stylex.props, que devuelve los nombres de clase que se deben añadir a los elementos.

El proyecto es un monorepo de desarrollo que incluye el paquete principal de StyleX, además de un plugin de Babel, una CLI, plugins para PostCSS, Rollup y ESLint, un analizador de valores de estilo y un sitio de documentación en stylexjs.com. Los ejemplos muestran cómo integrarlo con herramientas de compilación.

Los estilos se escriben como objetos JavaScript y las herramientas los compilan durante el paso de compilación.

Funciones clave

  • 01Define estilos como objetos JavaScript con stylex.create.
  • 02Aplica estilos a los elementos mediante stylex.props.
  • 03Incluye un plugin de Babel e integraciones para PostCSS, Rollup y ESLint.
  • 04Incluye una CLI para el flujo de compilación.
  • 05Ofrece un sitio web oficial de documentación.

Casos de uso

  • Aplicar estilos a una interfaz de React u otra interfaz JavaScript con definiciones de estilo acotadas y junto a los componentes.
  • Añadir un flujo de estilos durante la compilación a un proyecto frontend existente mediante Rollup o PostCSS.
  • Hacer cumplir las convenciones de estilo en un código base con el plugin de ESLint de StyleX.

Inicio rápido

  1. 1

    Instala el paquete StyleX desde npm

    npm install @stylexjs/stylex
  2. 2

    Define estilos con stylex.create y aplícalos con stylex.props

  3. 3

    Consulta el sitio web de documentación para configurar la herramienta de compilación

Antes de usarlo

  • El README no incluye instrucciones para compilar los estilos; la integración con la herramienta de compilación debe configurarse por separado.
  • Es un monorepo de desarrollo, por lo que para contribuir hay que instalar todo el workspace de yarn.

Temas

#css#styling#javascript#babel#ui#build-tools

Preguntas frecuentes

¿Qué es stylex?
Biblioteca de estilos JavaScript de Facebook para definir estilos CSS atómicos y optimizados en interfaces de usuario. StyleX es una biblioteca JavaScript para definir estilos en interfaces de usuario. Los desarrolladores declaran estilos con stylex.create y los aplican con stylex.props, que devuelve los nombres de clase que se deben añadir a los elementos.
¿stylex es gratuito? ¿Qué licencia tiene?
stylex es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿stylex sigue mantenido?
Mantenimiento activo. El último commit de stylex fue el 21 oct 2026.
¿Para qué puedo usar stylex?
Aplicar estilos a una interfaz de React u otra interfaz JavaScript con definiciones de estilo acotadas y junto a los componentes. Añadir un flujo de estilos durante la compilación a un proyecto frontend existente mediante Rollup o PostCSS. Hacer cumplir las convenciones de estilo en un código base con el plugin de ESLint de StyleX.
¿Cómo se instala stylex?
Instala el paquete StyleX desde npm: npm install @stylexjs/stylex Define estilos con stylex.create y aplícalos con stylex.props Consulta el sitio web de documentación para configurar la herramienta de compilación
¿Dónde consigo stylex?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/facebook/stylex

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados