Skip to content

Commit ab8202c

Browse files
committed
Create README.md
1 parent 499b033 commit ab8202c

File tree

1 file changed

+51
-0
lines changed

1 file changed

+51
-0
lines changed

README.md

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
2+
# react-es7
3+
4+
5+
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

Comments
 (0)