stylish components

composants élégants " style="max-width: 100%;">

stylish components est une bibliothèque de styles de composants ultra rapide et légère, similaire à styled-components .

Par rapport aux composants stylisés

Ce package manque de nombreuses fonctionnalités fournies par les composants stylisés, mais fournit toutes les fonctionnalités que j'utilise personnellement. Je pourrais ajouter des thèmes et des animations sur demande ou si j'en ai besoin personnellement.

Comparaison de la taille des fichiers

Taper	composants stylisés	petits composants élégants
Régulier	43 Ko	3,9 Ko
gzippé	16,3 Ko	1,7 Ko

Commencer

Installer:

  yarn add tiny-stylish-components

ou

  npm install tiny-stylish-components -S

Création d'un composant :

 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 > ;
}

Jetez un œil à la documentation complète pour des cas d’utilisation plus avancés !