stylish components

componentes elegantes " style="max-width: 100%;">

stylish components es una biblioteca de estilo de componentes increíblemente rápida y liviana similar a styled-components .

Comparado con componentes con estilo

A este paquete le faltan muchas de las características que proporciona styled-components, pero proporciona todas las características que uso personalmente. Podría agregar temas y animaciones si así lo solicita o si los necesito personalmente.

Comparación de tamaño de archivo

Tipo	componentes con estilo	componentes pequeños y elegantes
Regular	43KB	3,9kB
comprimido	16,3kB	1,7kB

Empezando

Instalar:

  yarn add tiny-stylish-components

o

  npm install tiny-stylish-components -S

Creando un componente:

 import { stylish } from 'tiny-stylish-components' ;

const Button = stylish . button `
  background: #ffffff;
  color: #a2a2a2;
  border: none;
` ;

render ( ) {
  return < Button > I am a button! Click Me! </ Button > ;
}

¡Eche un vistazo a la documentación completa para conocer casos de uso más avanzados!