geemaple / react-server-rendering-example

An example of React server-side rendering with express-react-views view engine

react-server-rendering-example

An example of React server-side rendering with express-react-views view engine

###how to run

server_rendering/

$ npm install
$ ./node_modules/.bin/webpack
$ npm start

Then navigate to http://localhost:3000 and click on the button to see some reactive events in action.

server_rendering/

• Express framework
• Only JSX template file to write
• Upgrade to javascript ES6
• Render react on the document instead of some <child id='container'>
• Rename express-react-views index.js to jsxTemplate.js because renderToString is needed for server rendering

---

react-server-rendering-example

express-react-viewsReact服务器渲染例子🌰

##如何运行

server_rendering/

$ npm install
$ ./node_modules/.bin/webpack
$ npm start

在浏览器打开http://localhost:3000点击界面按钮，会看到数字在递增.

###tech glimpse server_rendering/

• Express框架
• 只需要写.jsx文件即可
• 升级javascript语法到ES6
• 直接将react挂在到DOM根节点上，即document
• 重命名 express-react-views index.js 为 jsxTemplate.js 因为服务器渲染需要 renderToString

react-server-rendering-example's Issues

启动报错

dering\node_modules_node-sass@3.13.1@node-sass\lib\binding.js:13
throw new Error(errors.unsupportedEnvironment());
^

Error: Node Sass does not yet support your current environment: Windows 64-bit w ith Unsupported runtime (57)