Public | Automated Build

Last pushed: 5 hours ago
Short Description
Base image for Bayes dev projects using React on top of npm.
Full Description

This is the source of the Docker image

It is used to speed up setup when developping a project using React with npm.
It prepares a container with latest versions of:

  • node
  • npm
  • WebPack
  • React
  • EsLint
  • a good deal of node modules pre-installed.


It bootstraps an application with three environments:

  • dev, an environment to develop on a local machine, hot reload components, etc.
  • dist, an environment releasing only the code that is used packaged for distribution.
  • test, an environment to run automated tests.

Do not use this image for production, you should compile your React anyway and
only push the result of the dist folder when running npm run dist.


The default environment is dev and this image provides a server (started by
the default command npm start) that serves from port 80. As with all Docker
containers we suggest you do some port forwarding when creating an image
(docker run -p 3000:80).

Setup and configuration

Use it as a base and mount or copy your actual application to /usr/app.

The webpack configurations are in /usr/app/cfg/ (base.js, dev.js, …). To
modify those configs you need to overwrite them by copying a new file on top of

The actual source of the app should be mounted in /usr/app/src, more
specifically the webpack entrypoint for the app is taken by default from
/usr/app/src/entry.js or /usr/app/src/entry.jsx.

Local testing

To test this image locally before publishing, build it with

docker build -t bayesimpact/react-base:latest .

Then simply rebuild your images that are based on react-base.

Publishing the image

The public image on gets updated automatically. You just have to edit the Dockerfile and push to github. Always have someone review your code before you push to master.

Docker Pull Command
Source Repository