Creando una imagen docker de una aplicación en react

En esta guía vamos a dockerizar una aplicación React.

Pre-requisitos:

- Tener instalado [Docker](https://www.docker.com/)
- Un proyecto en [react](https://github.com/ahioros/devops-kubernetes-sr-azure)

1. Crear el archivo dockerignore
   Primero tenemos que saber qué es el archivo dockerignore describe una lista de archivos que no queremos que se copien al contenedor. Por ejemplo, el archivo node_modules no se copiara al contenedor.

   • Crear el archivo .dockerignore y abrirlo con tu editor de texto favorito, poner la siguiente línea:

   node_modules
   

+ Guardar y cerrar el archivo.

1. Crear el archivo dockerfile ¿Qué es un archivo Dockerfile? El archivo Dockerfile define el contenedor que vamos a crear. En este caso, vamos a crear un contenedor llamado rdicidr.

+ Crear el archivo Dockerfile y abrirlo con tu editor de texto favorito.

```bash
FROM node:15

WORKDIR /app

COPY public/ .

COPY src/ .

COPY package.json .

COPY package-lock.json .

RUN npm install

COPY . .

EXPOSE 3000

CMD ["npm", "start"]

```

+ Guardar y cerrar el archivo.

1. Crear la imagen docker
   

   docker build -t rdicidr .    
   

2. Probar nuestra imagen recien creada
   

   docker run -p 3000:3000 rdicidr:latest
   

Acá te dejo el video de esta configuración por si tienes dudas: