【React】Dockerで環境構築

DockerFileの作成と配置

|–docker
|–DockerFile
|–docker-compose.yml

DockerFile

FROM node
WORKDIR /projects
EXPOSE 3000

docker-compose.yml

version: '3'
services:
node:
build: ./docker
ports:
- "3000:3000"
volumes:
- ".:/projects"
tty: true

Reactアプリの作成

“my-project”は、好きなプロジェクト名に書き換えてください。

npx create-react-app my-project

TypeScriptで作成する方法

npx create-react-app my-project --template typescript