这篇文章是我自己在搭建个人网站的过程中，用到了服务端渲染，看了一些教程，踩了一些坑。想把这个过程分享出来。我会尽力把每个步骤讲明白，将我理解的全部讲出来。

前沿： 脚手架工具一大堆，但如果全部用第三方的脚手架，项目做起来肯定束手束脚，想来点差异化的东西都很难，所以最好是整一份自己的脚手架工具，想咋玩咋玩。阅读了next脚手架和create-react-app脚手架源码，ne…

在很长一段时间内，标准答案是class components提供更多的特性（像state）。但随着Hooks的出现，答案就不再是这样子了。

组件间通信 虚拟Dom 高阶组件如何实现，优点 redux、Mobx原理 connect原理， compoment container区别 Redux-saga中间件原理 Dva源码&原理，async异步实现原理 react新版本 react-router 版本4与3的区别 坑

通过这个教程，我想告诉你在 React 中如何使用 state 和 effect 这两种 hooks 去请求数据。我们将使用众所周知的 Hacker News API 来获取一些热门文章。你将定义属于你自己的数据请求的 Hooks ，并且可以在你所有…

新特性 完全兼容老版本v4 支持 React 16 , 兼容 React >= 15 消除在 React.StrictMode 严格模式中的警告 使用 create-react-context 实现 context API 新功能 Route 组件 path 可以为数组 before {代码…} af…

Webpack构建流程：初始化配置参数 -> 绑定事件钩子回调 -> 确定Entry逐一遍历 -> 使用loader编译文件 -> 输出文件

入门 无破坏性更改 完全可选的 100% 向后兼容 现在可用 动机 难以复用组件间有状态的逻辑 复杂的组件变得难以理解 class 同样困扰着人和机器 Hooks 初体验 State Hook {代码…} ⚡️ Effect Hook {代码…} ✌️ Hoo…

React15.3中新加了一个PureComponent类，取代之前的PureRenderMixin , PureComponent可以进行React性能优化，减少不必要的render渲染次数，使用时只要把继承类从Component换成PureComponent。

工具型文章要跳读，而文学经典就要反复研读。如果说 React 0.14 版本带来的各种生命周期可以类比到工具型文章，那么 16.7 带来的 Hooks 就要像文学经典一样反复研读。