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
+35-18
Original file line number
Diff line number
Diff line change
@@ -20,9 +20,9 @@ To read further about this project and its evolution:
20
20
21
21
###Basic features :
22
22
23
-
*`/` : Home page : Display a short description of the project with a try button to :
24
-
*`/github` : Provide a search form that displays a list of github users (with their avatars) - a request to the Github API is made.
25
-
*`/github/user/:username` : Display a user profile with his repositories, with pagination.
23
+
*`/` : Home page : Displays a short description of the project with a try button to :
24
+
*`/github` : Provides a search form that displays a list of github users (with their avatars) - a request to the Github API is made.
25
+
*`/github/user/:username` : Displays a user profile with his repositories, with pagination.
26
26
27
27
All state management is done via redux. In development mode, you have access to the [redux-devtools](https://github.com/gaearon/redux-devtools) (you can also [test them on the online version](https://topheman.github.io/react-es6-redux/devtools.html)).
28
28
@@ -34,36 +34,38 @@ All state management is done via redux. In development mode, you have access to
You'll have to install the [topheman-apis-proxy](https://github.com/topheman/topheman-apis-proxy) backend, follow the [installation steps](https://github.com/topheman/topheman-apis-proxy#installation) README section.
43
+
*Note:* Installing the [topheman-apis-proxy](#with-topheman-apis-proxy) backend is **no longer mandatory** (I changed the code so that you could do unauthenticated request to the github API - you will be [rate limited to 10 requests per minute](https://developer.github.com/v3/search/#rate-limit) though).
46
44
47
45
####Run
48
46
49
-
* Open a terminal in the react-es6-redux folder and `npm run webpack-dev`
50
-
* Open a terminal in the topheman-apis-proxy folder and `grunt serve` (see more in the [run in local](https://github.com/topheman/topheman-apis-proxy#run-in-local) README section)
51
-
* Go to [http://localhost:8080/](http://localhost:8080/)
47
+
#####Dev mode
48
+
49
+
*`npm run webpack-dev-simple`
50
+
* Open [http://localhost:8080/](http://localhost:8080/)
52
51
53
-
You can also run the app in mock mode (without any backend - the http request are mocked), usefull for :
52
+
You're good to go with hot-reload / redux-devtools / time-travel / sourcemaps ...!
54
53
55
-
* working offline
56
-
* create unit tests without changing code
57
-
58
-
Just run : `npm run webpack-mock`
54
+
#####Mock mode
55
+
56
+
You can also run the app in mock mode (useful for unit-tests):
57
+
58
+
*`npm run webpack-mock`
59
+
* Open [http://localhost:8080/](http://localhost:8080/)
59
60
60
61
61
62
####Build
62
63
63
64
At the root of the project :
64
65
65
-
* for production (minified/optimized ...) : `npm run build-prod`
66
-
* for debug (like in dev - with sourceMaps and all) : `npm run build`
66
+
*`npm run build`: for debug (like in dev - with sourceMaps and all)
67
+
*`npm run build-prod`: for production (minified/optimized ...)
68
+
*`npm run build-prod-all`: both at once in the same build (with redux devtools & sourcemaps on dev version)
67
69
68
70
A `/build` folder will be created with your project built in it.
69
71
@@ -81,13 +83,24 @@ npm test
81
83
82
84
You may want some granularity, the `DEVTOOLS` and `NODE_ENV` variables are at your disposal:
83
85
84
-
*`npm run build-prod-all`: will build a production version **AND** a devtools version (with redux devtools & sourcemaps) ready to work online side by side
85
86
*`DEVTOOLS=true npm run build`: will build a debug version with the devtools
86
87
*`DEVTOOLS=false npm run webpack`: will launch a webpack dev server without the devtools (if you find it annoying)
87
88
*`DEVTOOLS=false NODE_ENV=MOCK npm run webpack` will launch a webpack dev server in mock mode without the devtools
88
89
* ... you can mix and match ;-)
89
90
90
-
###Steps :
91
+
####With topheman-apis-proxy
92
+
93
+
**This part is optional**
94
+
95
+
[topheman-apis-proxy](https://github.com/topheman/topheman-apis-proxy) is a proxy that lets you do authenticated requests to github / twitter APIs (that way you have a much higher rate limit). For the install, please follow the [installation steps](https://github.com/topheman/topheman-apis-proxy#installation) README section.
96
+
97
+
Then your workflow will be:
98
+
99
+
* Open a terminal in the react-es6-redux folder and `npm run webpack-dev`
100
+
* Open a terminal in the topheman-apis-proxy folder and `grunt serve` (see more in the [run in local](https://github.com/topheman/topheman-apis-proxy#run-in-local) README section)
101
+
* Go to [http://localhost:8080/](http://localhost:8080/)
102
+
103
+
###Steps
91
104
92
105
Checkout the [releases sections](https://github.com/topheman/react-es6-redux/releases).
93
106
@@ -96,6 +109,10 @@ You'll see the releases for both versions:
96
109
* original one (redux free) which is hold on [v1.x branch](https://github.com/topheman/react-es6-redux/tree/v1.x)
97
110
* the version with the redux implementation which is on [master branch](https://github.com/topheman/react-es6-redux)
98
111
112
+
###Notes
113
+
114
+
*`build-prod-all-owner`: build task for [topheman.github.io/react-es6-redux](https://topheman.github.io/react-es6-redux)
115
+
99
116
###License
100
117
101
118
This software is distributed under an MIT licence.
0 commit comments