react playground

My personal frontend development playground.

Uses:

• javascript in ES6
• flow & tcomb for typings
• babel 6
• webpack 2
• react 15
• react-intl (with support for gettext .po files)
• react-router (with lazy loading components)
• redux
• mocha (with wallaby.js support)
• enzyme
• simple snapshot testing for react components
• css-modules
• postcss
• automatic assets optimisation (.png, .gif, .jpg, .svg)
• ...

While this repro is using webpack as module bundler. It does not use webpack for unit testing. To archieve this im using babel-plugin-webpack-loaders and babel-plugin-webpack-aliases. This setup reduced time to unit test my components a lot.

Reducers not lazy loaded yet.

Usage

npm install

• install all dependencies

Production

npm run build

• builds the application for production

npm start

• starts application in production mode at localhost:3000

Development

npm run start:dev -s

• runs a development server at localhost:3000
• runs mocha tests on file change (not on file add)
• extracts all language definitions and creates a messages.pot file on change
• watches *.po files and creates message strings

npm run font:update

• updates used fonts from the web

Docker

docker-compose up

• start production mode

docker-compose -f docker-compose.dev.ym

• start development mode

translation

npm run translation:export

• extract all messages and create a export messages.pot file

npm run translation:import

• imports all *.po files and creates *.json files