大家好，我是小杜杜，俗话说的好，工欲善其事必先利其器，什么意思呢？就是说你想玩转React就必须知道React有什么，无论是否运用到，首先都要知道，提升思维广度～

React、Vue、Angular等库（框架）出现后，前端进入了UI组件化开发的时代。通过合理地划分应用的功能，封装成一个个从底层到高层的组件，最后构造为一颗组件树，完成我们的应用： ... ... 但是在实际开发中，还有一道绕不过去的坎：状态管理。怎么组织和划分应用的状态，U…

上面列举的工具和库都有非常丰富的文档和教程，不太熟悉的同学最好先自学一下。 MST依赖MobX。 项目中执行yarn add mobx mobx-state-tree即可完成安装。 MobX有两个版本，新版本需要浏览器Proxy支持，一些老旧的浏览器并不支持，需要兼容老浏览器的…

慢慢熟练以后，发现Hooks的执行时机和生命周期又有些不同。比如componentWillReceiveProps对应哪个Hooks？ React官方也发现了这个问题，在React要重写文档了讲到，React要基于Hooks重写文档。 视图可以看作状态经过函数的映射。 用户与界…

React 是现如今流行的前端框架，也是很多大厂面试必备。 React 与 Vue 虽有不同，但同样作为一款 MV* 框架，虽然实现可能不一样，但在一些理念上还是有相似的，例如数据驱动、组件化、虚拟 DOM 等。 这些往往要更深入挖掘方可得知自己的结论，任重道远，不停歇。 通过…

大家知道，React 现在已经在前端开发中占据了主导的地位。优异的性能，强大的生态，让其无法阻挡。博主面的 5 家公司，全部是 React 技术栈。据我所知，大厂也大部分以 React 作为主技术栈。React 也成为了面试中并不可少的一环。 面试上篇。🤑 React 也是现…

Hook 是一个特殊的函数，它可以让你“钩入” React 的特性。例如，useState 是允许你在 React 函数组件中添加 state 的 Hook。 可能要用到 render props （渲染属性）或者 HOC（高阶组件），但无论是渲染属性，还是高阶组件，都会在原先…

首先的猜想是 store 改变后，redux 在某处调用了 setState，通知了 react。 看了下代码发现确实如此，调用 dispatch action 会触发一个 onStateChange 的函数 (这个函数在 connect 的时候就被注册到 store 了, s…

本文参考了慕课网jokcy老师的React16.8+Next.js+Koa2开发Github全栈项目，也算是做个笔记吧。 Next.js 是一个轻量级的 React 服务端渲染应用框架。 当使用 React 开发系统的时候，常常需要配置很多繁琐的参数，如 Webpack 配置、…