安全な(チーム)開発

アーキテクチャ

アーキテクチャや実装指針などがあると、どこにどういう処理をどの粒度で書けばいいかが分かり、安全に素早く開発できる

エディタに必ず入れるもの

リンター

ルールを設け、守っていない箇所にerror(warn)を出してくれる

es-lint

javascriptのリントツール

stylelint

CSSのリントツール

フォーマッター

コマンド、（設定により）保存時にフォーマットしてくれる

prettier

editorconfig

各が好きにいじったローカル環境のエディタの設定を統一してくれる

フォーマッターとの違い

エディタに入力するときのルールを決める

indentのサイズや1行にかける最大文字数など

フォーマッターはコマンド実行じにフォーマットされる

es-lint

hooks rules

react hooksのルール

dependenciesは厳守すべし

useEffect内で無限レンダリングが起こる場合は、処理の書き方に問題がある

husky + lint-staged

ルールを守っていないコードをcommit できないようにする

commitしたコードの安全性を高める