Reactor; a chatwidget created with ReactJS

Created by team Reactor (coach Aisha) at WeCamp 2018

Development environment

We use Docker for the development environment. After installing docker and docker-compose you can run docker-compose up. This will create 2 docker containers:

• react: Container that automatically transpiles React code in ./widget/src to browser-compatible code
• website: Container with nginx that shows the nginx/public/index.html website

You can access the website at http://localhost:8080.

If you need to install packages, you can run npm through: docker exec -it react npm <command>.

Examples:

• Manually build: docker-compose exec react npm run build.
• Manually running eslint: docker-compose exec react npm run eslint. This checks the code on syntax, smells and style.
• Manually running prettier: docker-compose exec react npm run prettier. This automatically formats the code to an uniform style.