Skip to content

Repository files navigation

react-typescript-vite

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

実行環境

主要技術バージョン
Node.js18.12.0
Yarn1.22.19
Vite4.0.4
React18.2.0
TypeScript4.9.3
Prettier2.8.2
Eslint8.31.0
@testing-library/react13.4.0
Vitest0.27.1
@vitest/coverage-c80.26.3
Lefthook1.2.6
styled-components5.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 の設定

About

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

Resources

Stars

3 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages