k00ni/docker-nodejs-environment repository overview

⁠Getting started

⁠Pull and run

You can pull from Docker hub and get this going with only a few steps.

Pull it:

docker pull k00ni/docker-nodejs-environment

To start the environment, execute:

docker run -v /path/to/local/project/folder:/usr/src/app -p 8080:8080 k00ni/docker-nodejs-environment

An existing Webpack-NPM project can be mounted, if the webpack.config.js and package.json are already created.

⁠Build and run yourself

To build this container execute:

docker build -t docker-nodejs-environment .

and run with a mounted empty folder to start a new project:

docker run -v $PWD/your-project:/usr/src/app -p 8080:8080 docker-nodejs-environment

An existing Webpack-NPM project can be mounted, if the webpack.config.js and package.json are already created.

⁠Docker Compose

You can also setup your container with Docker Compose and the corresponding docker-compose.yml YAML file. See the provided Docker Compose file in the repository for example.

To build the container use the following command:

docker-compose build

and to start the container use:

docker-compose up

⁠Start a new project

After starting your Docker container the mounted folder contains some new config files for NPM, Webpack etc., the index HTML file ./dist/index.html and the main Javascript file ./src/index.js.

Open your browser and go to http://localhost:8080/ should show the text 'My Minimal React Webpack Babel Setup!' from index.js. This is the entry file to start coding with react.

Read the ReactJS Tutorial⁠ to learn more.

⁠Build production

To build a production bundle this image contains a build script to create a minified bundle.js with webpack. Its configuration is stored in webpack.config.production.js.

To create the build exec into container (docker exec -it <container-name> bash) an run npm run build. This will create the minified file ./dist/bundle.js

⁠Default Components

• Node.js - JavaScript-based platform for server-side applications
• NPM - JavaScript package manager
• Webpack - Module bundler
• RectJS - JavaScript library for building user interfaces
• ECMA6, Babel - Next generation JavaScript