- 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
yarn lint
yarn test
yarn coverage
yarn sb
- 詳細は
.github/workflows/ci.yml
に書いてある - PR が
draft
からready for review
に変わったら ci が走るようになっている- PR を出してからさらに修正を加え、さらに ci を回す場合
- 一度
draft
に戻してready for review
に変える必要がある
- 一度
- PR を出してからさらに修正を加え、さらに ci を回す場合
- Git hooks を管理するためのパッケージ
- 詳細は
lefthook.yml
に書いてある git commit
時に以下のコマンドを実行するyarn coverage
yarn lint
- CSS の文法に対して lint をかける
- 使用パッケージ
stylelint
stylelint-config-standard
postcss-syntax
@stylelint/postcss-css-in-js
- 設定ファイル
.stylelintrc
- 設定項目
- シングルクォート有効
- 数字のパーセンテージ設定を
0.x
という形で指定する rbga
、hsla
などを使った色指定時にコンマで色情報を区切る
- その他設定参考