You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Example of AMD based project using React + Reflux + routing + ES6 with experimental ES7 syntax + Semantic-UI
6
+
7
+
## Install
8
+
9
+
```
10
+
npm install -g broccoli-cli
11
+
npm install
12
+
bower install
13
+
```
14
+
15
+
## Usage
16
+
17
+
```
18
+
$ broccoli serve
19
+
```
20
+
21
+
Open `http://localhost:4200`
22
+
23
+
If you like to generate mangled, compressed, production build
24
+
25
+
```
26
+
$ BROCCOLI_ENV=production broccoli build dist
27
+
$ http-server dist/
28
+
```
29
+
30
+
and open `http://localhost:8080`
31
+
32
+
Test:
33
+
34
+
```
35
+
$ npm test
36
+
```
37
+
38
+
Currently just a simple example of using unit tests in React for files using ES6/ES7 syntax.
39
+
40
+
## Details
41
+
42
+
* All JavaScript files are transpiled with [6to5](https://6to5.org/) library with enabled [experimental ES7 syntax](https://6to5.org/features.html).
43
+
* For using experimental ES7 code in [Jest](http://facebook.github.io/jest/docs/tutorial-react.html) tests, the project is using [my fork](https://github.com/hipertracker/6to5-jest) of `6to5-jest` package.
44
+
* The workflow and communication between components is built using [Reflux](https://github.com/spoike/refluxjs), a slighty [improved](http://blog.krawaller.se/posts/reflux-refinement/) Flux paradigm.
45
+
* Unit testing is provided by [Jest](https://facebook.github.io/jest/).
46
+
* Using [Semantic-UI](http://semantic-ui.com/) framework with React components ([react-semantify](http://react-components.com/component/react-semantify)).
47
+
48
+
## Todo
49
+
50
+
* Add more unit tests showing [Jest](http://facebook.github.io/jest/) testing ES5/ES7 code.
51
+
* Add [Yeoman](http://yeoman.io/) project with options to choose SASS/Less/Stylus and Bootstrap/Semantic-UI.
0 commit comments