Example of React + Reflux + routing + ES6 with experimental ES7 syntax + Semantic-UI
- All JavaScript files are transpiled with 6to5 library with enabled experimental ES7 syntax.
- For using experimental ES7 code in Jest tests
- The workflow and communication between components is built using Reflux, a slighty improved Flux paradigm.
- Unit testing is provided by Jest.
- Using Semantic-UI framework with React components (react-semantify).
If for some reasons you can't or don' want to use Node for file processing, you can use pure AMD version of that project: hipertracker/react-es7-amd. It uses only a browser.
npm install -g broccoli-cli
npm install
bower install
- fast processing in memory:
broccoli serve
- with additional LiveReload:
broccoli serve --live-reload-port 35729
- with watcher and generating files:
broccoli-timepiece dist
http-server dist/ -p 4200
Open http://localhost:4200
- building files for production (minified, mangled and compressed):
BROCCOLI_ENV=production broccoli build dist
Test:
$ npm test
Currently just a simple example of using unit tests in React for files using ES6/ES7 syntax.
- Add more prop validation examples
- Add more unit tests showing Jest testing ES5/ES7 code.
- Add Yeoman project with options to choose SASS/Less/Stylus and Bootstrap/Semantic-UI.