chouf

chouf is an environment to develop, test, and share your React components faster.

Features

• [x] Develop React components in isolation
• [x] Share your components with others
• [x] Test your components
• [x] Use your components in your projects
• [x] Use your components in your projects with Vite
• [x] Focus on doing things great with React

Demo

[] *

Quick start

mkdir my-chouf
cd my-chouf
pnpm init
pnpm add @chouf/react react react-dom
mkdir src
echo "export const World = () => <p>Hey</p>;" > src/hello.Choufs.jsx
pnpm chouf serve

with yarn

mkdir my-chouf
cd my-chouf
yarn init --yes
yarn add @chouf/react react react-dom
mkdir src
echo "export const World = () => <p>Hey</p>;" > src/hello.Choufs.jsx
yarn chouf serve

with npm

mkdir my-chouf
cd my-chouf
npm init --yes
npm install @chouf/react react react-dom
mkdir src
echo "export const World = () => <p>Hey</p>;" > src/hello.Choufs.jsx
npx chouf serve