Corrosive Components: qwik の新しいコンポーネント ライブラリ

なぜ腐食性コンポーネントを使用するのか

パフォーマンスに情熱を注ぐ Web 開発者として、私は Qwik の再開可能な性質を最大限に活用するコンポーネントのセットを望んでいました。だからこそ私は、機能が充実し、使いやすく、他のパッケージから独立した、パフォーマンスが高くインタラクティブな UI を簡単に構築できるようにする Qwik 専用のライブラリである Corrosive コンポーネントを作成しました。

コンポーネントの腐食性

NPM または Bun 経由でのインストール

Crossive Components ライブラリは、npm または bun を使用してインストールできます。プロジェクト ディレクトリで次のコマンドを実行します:

npm installcrossive-components

クロスティブコンポーネントをバンインストールします

スタイルを適用するには、useStyles(DefaultResources) または useStyles(DefaultDarkResources) を含む useStyles(DefaultStyle) をルート レイアウト要素に追加します。

import {
  DefaultResources, // or(DefaultDarkResources)
  DefaultStyle,
} from 'corrosive-components'

export default component$(() => {
  useStyles$(DefaultResources) // or(useStyles$(DefaultDarkResources))
  useStyles$(DefaultStyle)

  return (
    // content
  )
})

詳細については、インストール ガイドをご覧ください

コンポーネントのソースコードを直接コピーする

パッケージをインストールしたくない場合は、個々のコンポーネントとそのスタイルのソース コードを直接コピーして、プロジェクトで使用できます。

ルート レイアウト要素に DefaultResources または DefaultDarkResources を追加する必要があることに注意してください。
スタイリングの概要

腐食性コンポーネントのスタイルは、変数を含むリソースと通常のスタイルを含むスタイルの 2 つの部分で構成されます。

デフォルトのスタイルは DefaultStyle で、リソースはコンパイルされたインライン CSS ファイルである DefaultResources と DefaultDarkResources です。

スタイリングガイドをチェックして詳細をご覧ください

腐食性コンポーネントの対象者

この記事は、腐食性コンポーネントの開発者および保守者である Mahdi Movahedian Atar によって書かれました。

以上がCorrosive Components: qwik の新しいコンポーネント ライブラリの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。