してから開発を始める。ゼロコンフィグでReactアプリケーションを書けて便利だけど、もうちょっと手を入れておくと快適に開発できるようになる。した直後にやっている設定を紹介する。集団開発だとまた変わってくる項目もありそう。以下のように書き換える*1。exportする関数の型を明示すべきというルール。型推論とエディタの補完でなんとかなっているので無効にしている。コードの規模や開発メンバーの人数によっては、明示したほうがスムーズにいく場合もあるかもしれない。ほかにも有効にしておくとよいルールがあるかもしれないけど、今のところ手癖で回避できているので、あまり設定項目を増やしていない。ESLintとprettierをくっつける動きもありそうだけど、やってない。し、強制したいならhuskyとか導入したらいいと思う。設定はなくてもデフォルトで有効になっていた。ご指摘ありがとうございます。記事中でも明示的に設定しないように修正しました。id:Rishatangprettierインポート順のソートが自動で行われてほしいので、@trivago/prettier-plugin-sort-importsを導入する。いうキーで以下を追加する。},このように設定することで、以下のようにインポートが分けてソートされる。.prettierignore自動生成したファイルをlintしなくてよいし、整形されたら困るので対象外にする。以下の内容で保存する。relayが自動生成するファイルをignoreしている。__generated__/editorconfig最終的にはprettierでフォーマットするけど、新規作成したファイルが4スペースインデントになったりしてイライラすることが多いので、前もってeditorconfigで制御しておく。以下の内容で設置している。Saveを有効にしているだけである。タイミングでstagedな差分を整形できるけど、やっていない。Fixで事足りている。設置してもよいかもしれない。prettierを使うための拡張機能をおすすめする設定を書くなら以下のようになる。出力されたものをそのまま使っていて、特に困っていない。した直後に導入している設定を紹介してきた。毎回初期化後に既存のリポジトリからコピペして設定しているけど、ひと通り設定済のものをcreate-react-appのテンプレートとしてアップロードしておけば、コピペしなくて済むようになって便利な気がする。*1:ここから読み取れるように、package.jsonにどんどん書き足していく派である。設定項目が増えたらファイルを分けてもいいと思う。Routerに移行した移行しました。@utgwkkmona:MEgkH8N6R181DU8BLcvPpJLirr1YteQ6x4Twitter@utgwkkさんのツイートリンク欲しいものリストScrapboxRSSフィードはてなブログをはじめよう!utgwkkさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。