VisualStudioCodeに置けるEsLint/Prettierの設定の検証　（React.js）

EsLint/Prettierの環境設定と検証をお願いいたします。 言語、フレームワークは、 JavaScript、React.jsで、VisualStudioCodeを利用しております。 基本的な設定は下記のものを参考にしております。 りあクト！ TypeScriptで始めるつらくないReact開発 第2版 https://booth.pm/ja/items/1312652 githubで設定が公開されております。 https://github.com/oukayuka/ReactBeginnersBook-2.0/tree/master/06-lint/03-mysetting 上記を参考にしてはいるのですが、各環境や設定によっては、うまく動作しない場合があります。 ですので、EsLint/Prettierの設定を調整したことがある方、自身で環境を設定できる方など、知見のある方にご依頼させていただきたいと思います。 検証したいこととしては下記になります。 ・Reactのjsxファイルの保存時における自動フォーマット、AutoFIXの設定 (VisualStudioCode利用) ・Prettierの設定ファイル、ESLintの設定ファイルによる調整 ・PrettierのbracketSpacing、semi(行末のセミコロン)などの調整方法