在产生一个解决方案时，不可避免的会产生多个 npm 包，以适配不同的用户群体，而这些包有可能互相之间又有依赖，管理起来，比较复杂，lerna 可以很容易的帮助我们管理多包

React.StrictMode 识别具有不安全生命周期的组件 有关旧式字符串ref用法的警告 关于已弃用的findDOMNode用法的警告 检测意外的副作用 检测遗留 context API 示例： {代码...} React.Lazy 允许我们定义动态加载的组件示例： {代码...} React.Suspense 延迟加载组件，当组件未准备好时，显示 loading {代码...} ReactDOM.c...

用hook也有半年多了，结合自身使用以及社区，写了如下的文章，欢迎各位大佬沟通交流 初识 React hook （一） 初识 React hook （二） React hook 使用规则 自定义 React hook React hook 源码学习 一个使用 render props 而不是hooks的场景

那么首先考虑的就是 hooks, hooks 可以对 columns 进行管理，最后输出一个筛选（自定义）过后的列，组件根据这个列进行渲染。

可以在react.js 中看到导入的代码 {代码...} ReactHooksReactHooks 里面定义了各个 hooks, 大致内容是如下这样的： {代码...} 他们都通过 ReactCurrentDispatcher.current 去调用函数实现DispatcherReactCurrentDispatcher {代码...} dispatcher 对象dispatcher 对象在挂载和更新是不一样的 {代码...} HooksDispatcherOn...

对于一个前端开发者来说，往往关注四个方面，路由，数据流，业务逻辑和ui页面，如下从一个自定义hook开始，后续讲解了各个方面都可以去使用hook去更简单实现业务场景。代码可读性，维护性都可大大增强。

规则2毋庸置疑，只在 react 组件中使用 state规则2，对于初始使用者，可能会有些不习惯，那么我们下面来聊下为何时这样的，之后可能对这个就不再迷惑

可能你会使用render props或者高阶组件，但一方面，组件结构需要变动，使用render props和高阶组件也会使组件变得很难理解，另一方面会形成嵌套地狱，在用devtools排查问题时，很不方便。

是不是可以轻松的回答他，这两个是不同的东西，hook 是共享状态的逻辑，而 redux 是共享状态和管理状态的。不过使用 hook 可以很容易封装一个简易的全局共享状态。对于数据流复杂的项目，我依然建议使用 redux 去管理你的数据流。

就像人们对移动应用程序和操作系统的更新感到兴奋一样，开发人员也应该对使用的框架更新感到兴奋。各个框架的新版本给我们带来开箱即用的新功能和技巧。

上表中我们看到，在render中直接bind或者箭头函数都会影响性能，原因在于，在render 中的bind和箭头函数在每次render时都会创建新的函数，导致子组件的props发生改变，这在PureComponent中会影响性能，除非自己在shouldComponentUpdate中进行优化。

React是很火的前端框架，其最大的特点便是组件化。为了迎娶白富美，当上CEO，走上人生巅峰，对这么火的东东也有了一定的了解，但是对其生命周期一知半解，于是去官方网站瞅了几眼，结合本地实例，和大家共同学习下React组件的生命周期。如果英文比较好的同学可以直接到[链接] 查看。