/react-typescript-vite

React、TypeScript、Vite構成のサンプルリポジトリ

Primary LanguageTypeScript

react-typescript-vite

  • React、TypeScript、Vite 構成のサンプルリポジトリ

実行環境

主要技術 バージョン
Node.js 18.12.0
Yarn 1.22.19
Vite 4.0.4
React 18.2.0
TypeScript 4.9.3
Prettier 2.8.2
Eslint 8.31.0
@testing-library/react 13.4.0
Vitest 0.27.1
@vitest/coverage-c8 0.26.3
Lefthook 1.2.6
styled-components 5.3.6

コマンド

開発モード実行

yarn dev

ビルド

yarn build

ローカルでビルドを実行する

yarn build
yarn preview

lint 実行

yarn lint

テスト実行

yarn test

カバレッジ表示

yarn coverage

storybook 起動

yarn sb

github actions の設定

  • 詳細は .github/workflows/ci.yml に書いてある
  • PR が draft から ready for review に変わったら ci が走るようになっている
    • PR を出してからさらに修正を加え、さらに ci を回す場合
      • 一度 draft に戻して ready for review に変える必要がある

lefthook の設定

  • Git hooks を管理するためのパッケージ
  • 詳細は lefthook.yml に書いてある
  • git commit 時に以下のコマンドを実行する
    • yarn coverage
    • yarn lint

stylelint の設定