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
Copy file name to clipboardExpand all lines: README.md
+10-2Lines changed: 10 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,6 +5,7 @@
5
5
Example of [React](http://facebook.github.io/react/) + [Flow](http://flowtype.org/) types + [Reflux](https://www.npmjs.com/package/reflux) + [routing](https://github.com/rackt/react-router) + [ES6 with experimental ES7 syntax](https://babeljs.io/docs/usage/experimental/) + [Semantic-UI](http://semantic-ui.com/)
6
6
7
7
* All JavaScript files are transpiled with [Babel](https://babeljs.io/) library with enabled [experimental ES7 syntax](http://babeljs.io/docs/usage/transformers/#es7-experimental-).
8
+
* The project support [Flow](http://flowtype.org/) type annotations
8
9
* For using experimental ES7 code in [Jest](http://facebook.github.io/jest/docs/tutorial-react.html) tests
9
10
* 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.
10
11
* Unit testing is provided by [Jest](https://facebook.github.io/jest/).
@@ -27,6 +28,11 @@ npm install
27
28
```
28
29
broccoli serve
29
30
```
31
+
or
32
+
33
+
```
34
+
npm start
35
+
```
30
36
31
37
* with additional [LiveReload](https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei):
32
38
@@ -50,16 +56,18 @@ Open `http://localhost:4200`
50
56
BROCCOLI_ENV=production broccoli build dist
51
57
```
52
58
53
-
Test:
59
+
Test and code coverage:
54
60
55
61
```
56
62
$ npm test
57
63
```
58
64
65
+
You can see code coverage statistics at [http://localhost:8080/lcov-report/](http://localhost:8080/lcov-report/).
66
+
59
67
Currently just a simple example of using unit tests in React for files using ES6/ES7 syntax.
60
68
61
69
## Todo
62
70
* replace Reflux with [nuclear-js](https://github.com/optimizely/nuclear-js)
63
-
* Add examples of Flow types checking
71
+
* Add examples of [Flow](http://flowtype.org/) types checking
64
72
* Add more [prop validation](http://facebook.github.io/react/docs/reusable-components.html) examples
65
73
* Add more unit tests showing [Jest](http://facebook.github.io/jest/) testing ES5/ES7 code with [Flow](http://flowtype.org/) types checking.
0 commit comments