目次 1. はじめに 2. 本記事の対象読者 3. Reactとは 4. 非同期処理 5. 初心者の私がつまづいた非同期処理の方式3選 6. 初心者の私がつまづいたJSXでの表示制御方式2選 7. 総評 8. 参考サイト 1. はじめに 今回、部内の合同新人研修の一環として開発演習に取り組みました。 私たちのチームは、コロナ下におけるwebサイト上での飲食店営業情報が不確かであること、に対して 飲食店を利用するユーザたちが主体となって正しい営業時間を共有しあおうというテーマでWebアプリを制作しました。 実装した機能・方式は下記のとおり 近隣の飲食店の情報をHotpepperAPIとGoogleAPIからとってきて一覧表示 一覧の中から選択したお店の店舗IDを基にHotpepperAPIを再度叩いて、店舗詳細を表示 各店舗に対して"入店できた/できなかった"ボタンとコメント機能の実装 私は