Zenn
Open12

REACT rta

mima_itamima_ita

前提：
nodeがインストール済み

以下でプロジェクトの雛形ができる。

npx create-react-app my-app --template typescript
mima_itamima_ita

テンプレートにはユニットテストが入っている。
これはウォッチモード

npm test

CIなどで使いたいor全部実行させたい場合は

CI=true npm test
mima_itamima_ita

テストを実行すると以下のエラーが出る

Warning: ReactDOMTestUtils.act is deprecated in favor of React.act. Import act from react instead of react-dom/test-utils. See https://react.dev/warnings/react-dom-test-utils for more info

対策

npm install --save @testing-library/react@latest @testing-library/jest-dom@latest
mima_itamima_ita

デフォルトだとテストコードと分離されていない

src/__tests__を作成して配置は可能

mima_itamima_ita

create-react-appはダメじゃない？
npm auditでセキュリティリスクが結構出る。

mima_itamima_ita

開発環境の起動

npm run dev

以下からアクセスできる

http://localhost:5173/

lint

npm run lint

自動修正の場合は以下

npx eslint --ignore-path .gitignore --cache --cache-location ./node_modules/.cache/eslint --fix .