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
Sur cette page du site, vous pouvez voir la vidéo en ligne create react app docker example durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Demystifying Dev 19 mai 2020, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 552 fois et il a aimé 5 téléspectateurs. Bon visionnage!
