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.
npm install
- install all dependencies
npm run build
- builds the application for production
npm start
- starts application in production mode at
localhost:3000
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-compose up
- start production mode
docker-compose -f docker-compose.dev.ym
- start development mode
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