僕が考えた最強の React 技術スタック

開発

フレームワーク

• Next.js
  • $ npx create-next-app
  • with-typescript-eslint-jest を選択すると、いい感じに色々入る

ルーター

• React Router DOM

※ Next.js を使わない場合

状態管理

• Redux
• React Redux
• Redux Toolkit
• redux-logger

フォーム

• React Hook Form

コンポーネントフレームワーク

• MATERIAL-UI

HTTP クライアント

• axios

Firebase

• with-firebase

ユニットテスト

• Jest
• React Testing Library

開発補助

スタイルガイド

• Storybook
  • $ npx -p @storybook/cli sb init --type react
  • $ npx -p @storybook/cli sb init --type react_scripts

Linter

• ESLint
  • $ npx eslint --init
• eslint-plugin-react
• eslint-plugin-react-hooks
• eslint-plugin-jsx-a11y
• eslint-config-airbnb
• lint-staged
  • $ npx mrm lint-staged

Formatter

• Prettier

環境変数

• cross-env
• dotenv

気になってる

• Standard Version
• commitlint
• Commitizen