create react app docker example
DemystifyingDev with Victor Kane.
Docker for Create React App development with hot reloading (dev friendly!)
In this video we're going to set up a convenient Create React App dev environment running locally on our laptop in docker as an easy way to spin up an instance for development, and hot reload our way through any local dev tasks we have at hand.
Code repo used in this video: https://github.com/demystifying-dev/c...
Author: Victor Kane (Owner/Worker @ AWebFactory / a_web_factory )
Github: https://github.com/demystifying-dev
Twitter: / demystifyingdev
Next.js: https://nextjs.org/
Strapi: https://strapi.io/
⏱Contents⏱
00:00 Intro
00:54 References
02:22 What's the plan
02:52 Make sure Docker is up and running
03:50 Bring up Docker Machine if it is not running
05:27 Always have the appropriate environment variables available to Docker Machine when you open a terminal
06:38 Scaffold an initial Create React App instance on your host laptop or desktop
09:28 Run the app before dockerizing
10:20 Dockerize the Create React App instance
11:21 Dockerize 1. The Dockerfile
12:37 Dockerize 2. .dockerignore
13:38 Dockerize 3. Remove the local host node_modules directory
14:08 Dockerize 4. Build the docker image
17:09 Dockerize 5. Run the docker image
18:09 Dockerize 6. Visualize the docker container output in the browser
18:49 Test in-docker hot reloading feature as we code on the laptop host
19:44 Using the command-line to check on the running container status
20:00 Stopping and starting a container, our code changes are respected
All set! Use the image in as many container instances as you like for multiople projects
Nesta página do site você pode assistir ao vídeo on-line create react app docker example duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Demystifying Dev 19 Maio 2020, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 552 vezes e gostou 5 espectadores. Boa visualização!
