DockerでReact環境を用意してみる。

mkdir /app/react
cd /app/react

FROM node:18.12.1-alpine
WORKDIR /usr/src/app

version: '3'

services:
  node:
    container_name: "react"
    build: .
    volumes:
      - .:/usr/src/app
    command: sh -c 'cd [my-app] && yarn start'
    ports:
      - '3000:3000'
    environment:
      - CHOKIDAR_USEPOLLING=true

※[my-app]は、アプリ作成で作るアプリ名を入れる

※CHOKIDAR_USEPOLLING=Trueを入れておくと、編集するとホットリロードしてくれる。

docker-compose build

※[my-app] は好きなアプリ名を入れる。

docker-compose run --rm node sh -c 'npx create-react-app [my-app] --template typescript'

docker-compose up -d

ブラウザで http://[IP]:3000 をアクセス