Create React App, SASS, Yarn and Docker Development Environment
This is the supporting codebase to the tutorial - No Eject - Create React App with SASS, Storybook and Yarn in a Docker Environment: on how to use create-react-app with scss and docker without ejecting.
There's also a related tutorial on how to deploy this project to a fault tolerant and load balanced AWS docker infrastructure:
Guide to Fault Tolerant and Load Balanced AWS Docker Deployment on ECS
To start it:
a) pull down the repo
b) Build the images in the docker-images with docker-build -t <name> and then change the cmd.yml and docker-compose.yml file with the <name>.
i.e. docker-build -t trial/cra-storybook-dev ./docker-images/cra-storybook and docker-build -t trial/sass-dev ./docker-images/sass-dev-image
OR
Alternatively just docker pull down the images jcolemorrison/cra-storybook-dev and jcolemorrison/sass-dev.
c) in the root directory run docker-compose run web yarn to install the node_modules
d) once installed, run docker-compose up -d
- the react application will be available at
localhost:3001 - the react storybook willl be available at
localhost:3009
To see logs, just run docker-compose logs -f and a stream of logs will begin for all of the containers.