コンテンツにスキップ

React UI と共有プロバイダーを組み合わせる

React UI と共有プロバイダーを組み合わせる

Section titled “React UI と共有プロバイダーを組み合わせる”

パッケージをインストールします。機能別のサブパスはインポート先として使用します。

ターミナルウィンドウ
bun add @alneas/appkit-react

パッケージのピア依存の範囲に合う React 19 と React DOM 19 を使用してください。

@alneas/appkit-react/ui

import {Button} from '@alneas/appkit-react/ui';
import '@alneas/appkit-react/styles';
export function SaveButton() {return <Button>Save</Button>;}

この例を使用するアプリケーションで型チェックしてください。 より限定されたエントリーポイントと任意のピア依存の正確な要件は、エクスポートリファレンスを参照してください。 パッケージのインポート検査や型チェックは、ホストされたプロバイダーでの動作を保証するものではありません。

トラブルシューティングとよくある問題

Section titled “トラブルシューティングとよくある問題”

React 19 のプリミティブ、テーマプロバイダー、フックを提供します。CSS を明示的にインポートし、ホストのプロバイダーを共有してください。利用側のアプリケーションでアクセシビリティを確認します。