react-es7

Example of AMD based project using 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 project is using my fork of 6to5-jest package.
• 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.

Install

npm install -g broccoli-cli
npm install
bower install

Usage

$ broccoli serve

Open http://localhost:4200

If you like to generate mangled, compressed, production build

$ BROCCOLI_ENV=production broccoli build dist
$ http-server dist/

and open http://localhost:8080

Test:

$ npm test

Currently just a simple example of using unit tests in React for files using ES6/ES7 syntax.

Todo

• Add more unit tests showing Jest testing ES5/ES7 code.
• Add Yeoman project with options to choose SASS/Less/Stylus and Bootstrap/Semantic-UI.