React TypeScript いつも使う設定のボイラーテンプレート作った

毎回 ESLint と Prettier の設定書いて、パスエイリアスの設定して、なんやかんや設定して…とメンドーなので create-react-app --template typescript ベースでゆるゆるな自分用ボイラーテンプレート作りました。

ボイラーテンプレート

やったこと

• ESLint は npx eslint --init で生成しただけ
• パスエイリアスの設定
  • React create-react-app したプロジェクトで paths のエイリアス使おうとして盛大にハマったメモ - かもメモ
• 使ってない import を削除・import 順を自動できれいにする
  • React + TypeScript import 順をキレイにしたい - かもメモ
• create-react-app で作ったアプリの npm audit 問題の対応
  • create-react-appでは脆弱性の警告が出るが無視して良い
• nodenv で node.js のバージョン固定
  • チーム開発するリポジトリで node のバージョンを揃えたい - かもメモ
• VSCode の Recommend extensions・settings.json のサンプル追加

見返したらコミットログのタイポ多すぎて笑えない感じだったけど、まぁいっか…

おわり

---

製図 建築士試験用組み合わせテンプレート定規003-010

Reactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス