一、服务端渲染需要考虑的问题
1、react 如何支持服务端渲染
import {renderToString, renderToStaticNodeStream} from 'react-dom/server'
import {StaticRouter} from 'react-router-dom'
2、 context 如何从 node 端传递到 server 端
通过脚本全局变量传递
3、slide effect 处理
如 react-helement 组件的使用,需要在服务端单独处理
4、服务端渲染发请求是关键问题
如果拼凑 api 的请求头信息,如何遍历组件树,获取请求信息,及相应结果的处理
5、it's hydrate, not render。不同构的话会有 warning
二、框架
在 2018 年中领跑的两个 Node.js 框架是基于特定前端框架的“全栈框架”:
采用 React 的 Next.js,本类别的新冠军。
采用 Vue.js 的 Nuxt。
它们都保证了良好的单页应用(SPA)开发体验,并支持服务端渲染(SSR)。
网友评论