react next.js 学习
预备知识
目前渲染分为三种机制
- 后端渲染：php、ASP、Java等等，由服务器处理bolierplate然后一次吐给浏览器进行渲染
- 前端渲染：SPA应用，三大框架。由JS控制浏览器渲染机制，后端只负责model和model处理的逻辑
- 同构渲染：简单来说，就是两者的混合体，前后端共用js,首次渲染使用nodejs直出HTML，其他渲染均有JS控制完成
前端渲染相比后端优劣势
优势：
- 局域刷新，无需每次都进行完整页面请求
- 富交互性，懒加载
- 节约服务器成本。省电省钱，JS 支持 CDN 部署，且部署极其简单
- JS 一次学习，到处使用。可以用来开发 Web、Serve、Mobile、Desktop 类型的应用
劣势
- 首屏加载时间过长；如果不进行优化，首次加载需要加载一大堆css和js文件，会有较长白屏。体验较差
- 不利于搜索引擎爬取内容（SEO）
同构渲染可以说汲取了两者的优势。是未来前端的方向
什么是nextjs
nextjs 是一个server端渲染react组件的开源库 想要了解它的原因是
- 寻找React的SEO的解决方案中，无意发现的
- star很多，维护很积极
- 服务器端渲染道听途说多，有必要实际了解下
- 多学总没有坏处
资料收集
http://sjy.github.io/2017/07/09/learn-next-js/
https://github.com/camsong/blog/issues/8