ueki-tomohiro / storybook-visual-regression-test

Demo web

主な使用ライブラリ

• TypeScript
• React
• Next.js
• TanStack Query
• Orval
• Jotai
• Playwright
• Storybook
• jest

ディレクトリ構成

.demo
├── libs                                # 共通ライブラリ
├── tools                               # ツール
└── packages
    ├── web
    │   └── src
    │        ├── atoms                  # 状態管理
    │        ├── features               # 機能ごとにディレクトリを分割
    │        │   └── feature1
    │        │   └── feature2
    │        ├── pages
    │        └── schemas      　　　　　　# バリデーション
    ├── ui                              # UIコンポーネント
    │   └── components
    └── api                             # OpenAPIの書き出し先
        └── lib
            └── demo

起動

$ yarn web start

ビルド

$ yarn web build

Storybook

$ yarn start-storybook

Test

$ yarn test

Lint

$ yarn lint

Format

$ yarn format