랭킹으로 돌아가기
🥄 Develop, test and document your React story components faster.
playgroundreactjavascripttestingcomponentsdocumentationstyleguidetypescriptuiesbuildvitejsstories
주요 지표
스타 성장
스타
3k
포크
120
주간 성장
—
이슈
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
관련 저장소