Skip to content

Commit 2d1f484

Browse files
Jean-Pierre SierensJean-Pierre Sierens
authored andcommitted
2 parents 0ae3b0b + b1c5587 commit 2d1f484

File tree

1 file changed

+32
-5
lines changed

1 file changed

+32
-5
lines changed

README.md

Lines changed: 32 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,9 @@
33
# webpack-react-redux-react-router
44
A complete boilerplate for making apps with react, redux, react-router with the help of webpack.
55

6-
![](http://jpsierens.com/wp-content/uploads/2016/06/filterableTable-1.gif)
7-
86
Contains:
97

10-
* a working example of a filterable table which you can play around with (look above).
8+
* a working example of a filterable table which you can play around with (look below).
119
* ES6 - 7 Support with Babel
1210
* Redux dev tools to help you keep track of the app's state
1311
* hot module replacement support so you can change modules or react components without having to reload the browser
@@ -18,11 +16,40 @@ Contains:
1816
* much more...
1917

2018

19+
20+
![](http://jpsierens.com/wp-content/uploads/2016/06/filterableTable-1.gif)
21+
22+
2123
## Run the app
2224

23-
0. npm install
24-
0. npm start
25+
0. ```npm install```
26+
0. ```npm start```
2527

2628
Once running, if you want to hide the redux dev monitor: ```CTRL+H```
29+
2730
Yes, it takes a while to load the first time you open the app.
2831

32+
### Is the hot module replacement really working?
33+
34+
Yup! Take a look:
35+
36+
![](http://jpsierens.com/wp-content/uploads/2016/06/HMR4.gif)
37+
38+
The app updates without the browser having to reload. You don't lose state!
39+
40+
## Build the app
41+
```npm run build```
42+
43+
This will build the app into the "dist" directory in the root of the project. It contains the index.html along with the minified assets, ready for production.
44+
45+
![](http://i.imgur.com/uUg2A3S.png)
46+
47+
It should look something like the above image.
48+
49+
## I don't understand anything!
50+
51+
I went ahead and wrote a detailed series of posts on this project for you. I hope it helps you understand better:
52+
53+
* [configuring webpack](http://jpsierens.com/tutorial-react-redux-webpack/)
54+
* [understanding the app, part 1 (index.js, store, reducers)](http://jpsierens.com/simple-react-redux-application/)
55+
* [understanding the app, part 2 ( Root.js, router and the rest of the app)](http://jpsierens.com/simple-react-redux-application-2/)

0 commit comments

Comments
 (0)