Skip to content

Commit f288926

Browse files
Update README with 7th lesson on universal rendering with Redux
The seventh lesson goes over how to set up Redux isomorphically (on the server as well as the client). Save dependencies `redux` and `react-redux`. Create a reducer that returns just the default state and create a Redux store with the initial state of the server data. Surround the routes (on both server and client) with <Provider> and remove the Router's `createElement` prop. Refactor <Layout> and wrap it with ReactRedux `connect`. Also, update webpack config to transpile both `.js` and `.jsx` files (JSX is used in `client.js`). YouTube: - Title: Universal rendering with React and Redux - Link: https://www.youtube.com/watch?v=XXjb7C7eBa8
1 parent 74be2da commit f288926

File tree

1 file changed

+16
-2
lines changed

1 file changed

+16
-2
lines changed

README.md

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,13 +7,13 @@ The web application is built with:
77
- [Express](https://b.remarkabl.org/1WhuaOl)
88
- [React](https://b.remarkabl.org/24739fL)
99
- [ReactRouter](https://b.remarkabl.org/2dhSEVJ)
10+
- [Redux](https://b.remarkabl.org/2gU9dHt) and [ReactRedux](https://b.remarkabl.org/2gBtLbs)
1011

11-
## Installation
12+
## Download
1213

1314
```sh
1415
$ git clone https://github.com/remarkablemark/universal-react-tutorial.git
1516
$ cd universal-react-tutorial
16-
$ npm install
1717
```
1818

1919
## Tutorials
@@ -22,41 +22,55 @@ $ npm install
2222

2323
```sh
2424
$ git checkout v1
25+
$ npm install
2526
$ npm start
2627
```
2728

2829
[2. Building a universal/isomorphic app with React](https://b.remarkabl.org/1XKYMqp):
2930

3031
```sh
3132
$ git checkout v2
33+
$ npm install
3234
$ npm start
3335
```
3436

3537
[3. Passing props in a universal React web app](https://b.remarkabl.org/1UfmGeA):
3638

3739
```sh
3840
$ git checkout v3
41+
$ npm install
3942
$ npm start
4043
```
4144

4245
[4. Server-side routing with react-router](https://b.remarkabl.org/2dCiZ06):
4346

4447
```sh
4548
$ git checkout v4
49+
$ npm install
4650
$ npm start
4751
```
4852

4953
[5. Client-side routing with react-router (Part 1)](https://b.remarkabl.org/2faLHsH):
5054

5155
```sh
5256
$ git checkout v5
57+
$ npm install
5358
$ npm start
5459
```
5560

5661
[6. Client-side routing with react-router (Part 2)](https://b.remarkabl.org/2fOOWn7):
5762

5863
```sh
5964
$ git checkout v6
65+
$ npm install
66+
$ npm start
67+
```
68+
69+
[7. Universal rendering with React and Redux](https://b.remarkabl.org/2hybtYR):
70+
71+
```sh
72+
$ git checkout v7
73+
$ npm install
6074
$ npm start
6175
```
6276

0 commit comments

Comments
 (0)