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
En esta página del sitio puede ver el video en línea create react app docker example de Duración hora minuto segunda en buena calidad , que subió el usuario Demystifying Dev 19 mayo 2020, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 552 veces y le gustó 5 a los espectadores. Disfruta viendo!
