Episode 12 - Server side rendering

cassiozen · Jul 10, 2017 · 351ea37 · 351ea37
1 parent 689ffb8
commit 351ea37
Show file tree

Hide file tree

Showing 16 changed files with 77,081 additions and 0 deletions.
diff --git a/episode12/README.md b/episode12/README.md
@@ -0,0 +1,40 @@
+# Server Side Rendering
+
+ReactCasts, episode 12.
+
+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.
+
+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.
+
+
+Screencast video:
+https://youtu.be/tsEHfL-Ul1Y
+
+# Outline
+
+- Server side rendering benefits
+
+- Build Systems
+
+- Code organization (browser, server & shared)
+
+- Webpack configuration
+
+- browser-specific code
+
+- Server code (including express)
+
+
+# Build & Run Instructions
+
+1. To build and run the code in this directory, ensure you have [npm](https://www.npmjs.com) installed
+
+2. Install
+```
+npm install
+```
+
+3. Start the application
+```
+npm run start-dev
+```