stylish components

スタイリッシュなコンポーネント " style="max-width: 100%;">

stylish components styled-componentsに似た、非常に高速で軽量なコンポーネント スタイル ライブラリです。

スタイル付きコンポーネントとの比較

このパッケージには、styled-components が提供する多くの機能が欠けていますが、私が個人的に使用する機能はすべて提供されています。リクエストがあった場合、または個人的に必要な場合は、テーマやアニメーションを追加することがあります。

ファイルサイズの比較

タイプ	スタイル付きコンポーネント	小さなスタイリッシュなコンポーネント
通常	43kB	3.9kB
gzipされた	16.3kB	1.7kB

はじめる

インストール：

  yarn add tiny-stylish-components

または

  npm install tiny-stylish-components -S

コンポーネントの作成:

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

より高度な使用例については、完全なドキュメントをご覧ください。