Skip to content

Commit 351ea37

Browse files
committed
Episode 12 - Server side rendering
1 parent 689ffb8 commit 351ea37

File tree

16 files changed

+77081
-0
lines changed

16 files changed

+77081
-0
lines changed

episode12/README.md

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
# Server Side Rendering
2+
3+
ReactCasts, episode 12.
4+
5+
Server Side rendering means rendering your React components on the Server, and sending HTML pages pre-populated - This can lead to a better user experience and Search Engine discoverability.
6+
7+
On the browser, when the javascript runs, react will realise that the component is already there and take over for front-end interactivity, skipping the initial render.
8+
9+
10+
Screencast video:
11+
https://youtu.be/tsEHfL-Ul1Y
12+
13+
# Outline
14+
15+
- Server side rendering benefits
16+
17+
- Build Systems
18+
19+
- Code organization (browser, server & shared)
20+
21+
- Webpack configuration
22+
23+
- browser-specific code
24+
25+
- Server code (including express)
26+
27+
28+
# Build & Run Instructions
29+
30+
1. To build and run the code in this directory, ensure you have [npm](https://www.npmjs.com) installed
31+
32+
2. Install
33+
```
34+
npm install
35+
```
36+
37+
3. Start the application
38+
```
39+
npm run start-dev
40+
```

0 commit comments

Comments
 (0)