ランキングに戻る
🥄 Develop, test and document your React story components faster.
playgroundreactjavascripttestingcomponentsdocumentationstyleguidetypescriptuiesbuildvitejsstories
主要指標
スター成長
スター
3k
フォーク
120
週間成長
—
Issue
35
1.5k2k2.5k
2022年3月2022年11月2023年8月2024年5月2025年2月2025年10月2026年7月
成果物npm
npm install ladleREADME
Ladle is an environment to develop, test, and share your React components faster.
Quick start
mkdir my-ladle
cd my-ladle
pnpm init
pnpm add @ladle/react react react-dom
mkdir src
echo "export const World = () => <p>Hey</p>;" > src/hello.stories.tsx
pnpm ladle serve
with yarn
mkdir my-ladle
cd my-ladle
yarn init --yes
yarn add @ladle/react react react-dom
mkdir src
echo "export const World = () => <p>Hey</p>;" > src/hello.stories.tsx
yarn ladle serve
with npm
mkdir my-ladle
cd my-ladle
npm init --yes
npm install @ladle/react react react-dom
mkdir src
echo "export const World = () => <p>Hey</p>;" > src/hello.stories.tsx
npx ladle serve
For powershell, replace in the above listings echo with the following
@"
export const World = () => <p>Hey</p>;
"@ | out-file -encoding ASCII src/hello.stories.tsx
関連リポジトリ