solid blocks

ソリッドブロック

SOLIDJのUIビルディングブロック

コアコンセプト

付加価値のないコンポーネントの代わりに貴重なコンポーネント

カスタムコンポーネントのヘッダー、テキスト、画像などの要素をラッピングするのは無駄です。コンポーネントは、ネイティブ要素よりも付加価値がある場合にのみ提供されます。付加価値はそうかもしれません

• ユーザーエクスペリエンス
• アクセシビリティ
• 開発者エクスペリエンス
• パフォーマンス

これらの利点のいずれも提供できない場合、ネイティブHTML要素またはポータルのようなSOLIDJの能力を効果的に使用することが望ましいです。

スタイルのコンポーネントの代わりにスタイルのあるコンポーネント

CSSを直接使用することは最近では眉をひそめていますが、当然のことではありません。よく作成されたCSSは、スタイルのコンポーネントを簡単に上回ります。でそうする必要があります

• 最小出血（クラスプレフィックスsb-[component] 、CSSリセット、基本スタイル、テーマ変数）
• セマンティッククラス名、すなわち.primary.sb-button
• A11yを慎重に検討します
• 非JS環境（SSR）で可能な限り動作します
• テーマ可能、ダークモード、インラインモードスイッチが可能です
• TODO：レスポンシブレイアウト

使用法

yarn
yarn dev

コンポーネントを使用します

 import { Accordion , AccordionHeader } from "solid-blocks" ;

const MyApp = ( ) => {
  return (
    < Accordion >
      < AccordionHeader > Accordion </ AccordionHeader >
      < p > Hidden </ p >
    </ Accordion >
  ) ;
} ;