fetchの高速化について

コンテストページは、これまで4つのfetchがそれぞれ完了するまでawaitしており、前のfetchが完了するまで次のfetchが始まりませんでした。

await fetchA()
await fetchB()
await fetchC()

// is the same as
fetchA().then(fetchB()).then(fetchC())...

Promise.all()を使うことでfetchを並列化しました。書き方はJavaScript Promiseの本を参考にしています。

Custom Hookについて

viewとlogicを分離することで、UIと機能を切り離します。こうすると、UIの部分は確実に状態を持っていないので、どんなにいじっても安全だとわかり、開発しやすくなります。 https://sbfl.net/blog/2020/08/21/use-react-hooks-easy/

コミットごとにやることを分けたかったですが、重くて一気呵成にやるしかできなかったので、見辛いとおもいます。すみません。