ladle

Ladleは、Reactコンポーネントの開発、テスト、共有を高速に行うための環境です。そのREADMEでは、ドキュメント、デモ、Twitter、StackBlitz、Discordへのリンクを備えた、Reactコンポーネントのワークフロー向けツールとして紹介されています。 ドキュメントに記載されたクイックスタートでは、小規模なプロジェクトを作成し、パッケージを初期化して、reactおよびreact-domと共に@ladle/reactを追加し、シンプルなReactコンポーネントをエクスポートするsrc/hello.stories.tsxファイルを作成し、その後ladle serveを実行する手順が示されています。pnpm、yarn、npmについても同様のセットアップ手順が示されています。PowerShellについては、正しいエンコーディングでストーリーファイルを書き込むための異なるコマンドがREADMEに提供されています。 例として挙げられているストーリーファイルはsrc/hello.stories.tsxであり、段落をレンダリングするWorldという名前のエクスポートされたコンポーネントが含まれています。依存関係をインストールしてそのファイルを追加した後、ユーザーはLadle開発サーバーを実行してコンポーネント環境を確認します。また、READMEでは、ドキュメント用のプロジェクトウェブサイト、ライブデモ、StackBlitzサンドボックス、およびDiscordコミュニティへのリンクも案内されています。