setup

プロジェクトの雛形と必要なライブラリの追加

yarn create vite sample --template react-ts
cd sample
yarn add react-router-dom @emotion/react @emotion/styled zod @hookform/resolvers react-admin zustand
yarn add -D ts-node '@typescript-eslint/eslint-plugin@^7.8.0' '@typescript-eslint/parser@^7.8.0' 'eslint@8' prettier eslint-plugin-react eslint-config-prettier eslint-plugin-prettier @types/react-dom @types/react-transition-group tailwindcss postcss autoprefixer @testing-library/react @testing-library/jest-dom @testing-library/dom vite-tsconfig-paths vitest @vitest/ui @playwright/test msw husky

開発に使う Service Worker を生成

npx msw init public/ --save

Tailwind CSS を扱えるようにする
参考： https://tailwindcss.com/docs/guides/vite

npx tailwindcss init -p

Storybook を導入する

npx sb init --builder=vite

PlayWright をセットアップする

npx playwright install

husky のセットアップ

npx husky init