cra-storybook-sass-yarn

cra-storybook-sass-yarn copied to clipboard

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.