stylish components

komponen bergaya " style="max-width: 100%;">

stylish components adalah pustaka gaya komponen yang sangat cepat, ringan, mirip dengan styled-components .

Dibandingkan dengan komponen bergaya

Paket ini tidak memiliki banyak fitur yang disediakan oleh komponen gaya, tetapi menyediakan semua fitur yang saya gunakan secara pribadi. Saya mungkin menambahkan tema dan animasi jika diminta atau jika saya membutuhkannya secara pribadi.

Perbandingan ukuran file

Jenis	komponen bergaya	komponen kecil bergaya
Biasa	43kB	3,9kB
di-gzip	16.3kB	1,7kB

Memulai

Memasang:

  yarn add tiny-stylish-components

atau

  npm install tiny-stylish-components -S

Membuat komponen:

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

Lihat dokumentasi lengkap untuk kasus penggunaan lebih lanjut!