dockerを使ってreactを起動させたい

Question

前提・実現したいこと

docker初心者です。
Docker/React/Django/PostgresSQLを使って開発環境を構築しました。
Reactをコンテナ上で表示することができましたが、コンテナを作りなおさないとソースの修正が反映されません。
コンテナを作りなおすことなくソースの修正が反映されるようにするにはどうしたらよいでしょうか。
またdocker-compose up でコンテナを起動した場合、reactのコンテナのみ起動するのに時間がかかります。
起動までの時間を短縮する方法があればご教授頂きたいです。
宜しくお願い致します。

該当のソースコード

docker-compose.yml

version: '3'

services:
  web:
    build:
      context: ./
      dockerfile: ./backend/Dockerfile
    command: python /code/manage.py runserver 0.0.0.0:8000
    volumes:
      - ./backend:/code
    ports:
      - "8000:8000"

  node:
    build:
      context: ./
      dockerfile: ./frontend/Dockerfile
    volumes:
      - ./frontend:/usr/src/app
    command: sh -c "cd 【reactプロジェクト】 && yarn start"
    ports:
      - "3000:3000"

  db:
    image: postgres
    environment:
      - POSTGRES_DB=postgres
      - POSTGRES_USER=root
      - POSTGRES_PASSWORD=admin
    ports:
      - "5432:5432"

./frontend/Dokerfile

FROM node:14.13.1 
WORKDIR /usr/src/app/

試したこと

yarn start をローカルのプロジェクトで行ったらソースの修正が反映されます。
コンテナ上で動かした場合にのみこの現象が起こているようです。

Comments

[hoshi-takanori]

ホスト OS 上でファイルを編集しても docker 内の webpack が気づいてくれないという話なら、ホスト OS の種類にもよりますが、ファイルシステムが異なる場合はファイル変更イベントが取れないので、ポーリング (定期的にファイルが変更されてないか調べること) に変更する必要があるという話を聞いた覚えが…。
https://qiita.com/ayatas/items/e88064cebe6b3d893b0e

(でも、そもそも react 開発に docker を使う必要があるのでしょうか？ また、yarn start で webpack-dev-server が動いてるなら、それは開発用のサーバーで、デプロイ用じゃないことはご存知でしょうか？)

[tkoide1213]

回答ありがとうございます。
ローカルマシンに余計なインストールをしたくなかったので必要でした。

Answer 1

docker-compose.ymlファイルに下記が必要でした。

environment:
- CHOKIDAR_USEPOLLING=true

あとreactのプロジェクト直下に.envファイルを作成し、
CHOKIDAR_USEPOLLING=true
を記載したらホットリロードができるようになりました。