React environment construction with Docker

·reference https://engineer-ninaritai.com/docker-react/

What you can do Open React page using Docker

Dockerfile

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

docker-compose.yml

version: '3'
services:
  node:
    build:
      context: .
    tty: true
    environment:
      - NODE_ENV=development
    volumes:
    - ./:/usr/src/app
    command: sh -c "cd reactapp && npm start"
    ports:
    - "3000:3000"

Execute docker command in the directory where docker-compose.yml is located

docker-compose build

Create react app

docker-compose run --rm node sh -c "npm install -g create-react-app && create-react-app reactapp"

launch react app

docker-compose up

Success if you can access it on localhost: 3000!

Personal notes Enter the container docker exec -it container name bash Install react-router npm install -S react-router-dom install material-ui npm install @material-ui/core

Recommended Posts

React environment construction with Docker

[Docker] Rails 5.2 environment construction with docker

React + Django + Nginx + MySQL environment construction with Docker

Docker environment construction

Rails + MySQL environment construction with Docker

[Environment construction with Docker] Rails 6 & MySQL 8

GPU environment construction with Docker [October 2020 version]

Rails environment construction with Docker (personal apocalypse)

Rails Docker environment construction

Laravel development environment construction with Docker (Mac)

Environment construction with Docker (Ubuntu20.04) + Laravel + nginx

Laravel + MySQL + phpMyadmin environment construction with Docker

Rails6 [API mode] + MySQL5.7 environment construction with Docker

React Native (TypeScript) + Expo project construction with Docker

Wordpress local environment construction & development procedure with Docker

Pytorch execution environment with Docker

MySQL 5.7 (Docker) environment construction memo

Redmine (Docker) environment construction memo

Build docker environment with WSL

Docker × Spring Boot environment construction

Database environment construction with Docker in Spring boot (IntellJ)

Create a Vue3 environment with Docker!

Build Couchbase local environment with Docker

Build a Node.js environment with Docker

Build environment with vue.js + rails + docker

Build Rails environment with Docker Compose

Create SolrCloud verification environment with Docker

Rails on Docker environment construction procedure

Create Laravel environment with Docker (docker-compose)

Build docker + laravel environment with laradock

Easy environment construction of MySQL and Redis with Docker and Alfred

[Portfolio] Manage site with laravel APP implementation (Docker environment construction)

Case that gave up environment construction of react with ubuntu

Rails application development environment construction with Docker [Docker, Rails, Puma, Nginx, MySQL]

Alert slack with alert manager in Docker environment

SQL statement learning ~ Environment construction ~ Docker + MySQL

Building Rails 6 and PostgreSQL environment with Docker

Ruby on Rails development environment construction with Docker + VSCode (Remote Container)

Sapper × Go (echo) × Docker development environment construction

Build a PureScript development environment with Docker

[Java] Environment construction

Create Rails 6 + MySQL environment with Docker compose

Edit Mysql with commands in Docker environment

Create a MySQL environment with Docker from 0-> 1

Java environment construction

Create Spring Boot-gradle-mysql development environment with Docker

[Docker] Development environment construction Rails6 / Ruby2.7 / MySQL8

[Docker] Create Node.js + express + webpack environment with Docker

Spring Boot + Docker Java development environment construction

PostgreSQL environment construction with Docker (from setup to just before development)

Build a Wordpress development environment with Docker

[Spring] Environment construction

[Docker] Build Jupyter Lab execution environment with Docker

"Rails 6 x MySQL 8" Docker environment construction procedure for sharing with teams

Build an environment with Docker on AWS

Lightweight PHP 7.4 development environment created with Docker

Build TensorFlow operation check environment with Docker

Environment construction summary with rvm and postgresql

How to build Rails 6 environment with Docker

Introduction to Robot Battle with Robocode (Environment Construction)

Docker + DynamoDB local + C ++ environment construction and practice