React and Redux 性能,框架优化总结
React
利用React Server Render 提高首屏的渲染速度
利于SEO
加速首屏的渲染时间
前后端共享数据源
使用Reacr.renderToString, React.renderToStaticMarkup。
请将方法的bind一律置于constructor,避免多次bind。
请只传递component需要的props ,切勿一股脑的<Component {...props} />。
不需要传入状态的component写成const element的形式,这样能加快这个element的初始渲染速度。
dom上设置可被react识别的同级唯一key,否则情况可能不会重新渲染。
使用`Stateless Functional Component 无状态组件
Class并无必要
没有this关键字
无状态组件写起来代码量更少,
便于测试
React 的无状态组件优雅的实现可复用组件的方式。
栗子如下:
const Pane = (props) => <div>{props.children}</div>;
Pane.propTypes...