工作结束，又到了愉快的总结时间。 vue3 beta 版本发布之后，大家都说借鉴了 React Hooks，一直使用 vue 开发项目的我也来跟风学习下。 React 官方文档看起来实在费劲，自己总结了常见的几个 Hook用法，希望能帮助大家理解。 如果 state 是一个对象…

（阅读指南：建议将每个小demo都手动执行一遍，保证你会不虚此行。） Hook是React 16.8（包括react-dom 16.8）新增的特性，它可以让你在不编写class的情况下使用state及其它的React特性，Hook是一个特殊的函数。 React-router 从…

为了更方便的处理我们的样式，我们选择使用less来处理样式，并使用css modules。css modules很容易学，因为它的规则少，同时又非常有用，可以保证某个组件的样式，不会影响到其他组件。 安装less npm install less @zeit/next-less…

这篇文章是我自己在搭建个人网站的过程中，用到了服务端渲染，看了一些教程，踩了一些坑。想把这个过程分享出来。 我会尽力把每个步骤讲明白，将我理解的全部讲出来。 文中的示例代码来自于这个仓库，也是我正在搭建的个人网站，大家可以一起交流一下。示例代码因为简化，所以与仓库代码有些许出入…

熟悉我的朋友可能会知道，我一向是不写热点的。为什么不写呢？是因为我不关注热点吗？其实也不是。有些事件我还是很关注的，也确实有不少想法和观点。 但我一直奉行一个原则，就是：要做有生命力的内容。 这篇文章是一篇应用性极强的文章，我们通过一个实际的应用场景，去解决某一类的问题，提供一…

通过 diff 算法，React 可以找出新老 Virtual DOM Tree 的最小差异集，下一步就是要把这些变化通过最少步骤更新到真是DOM节点上，React 把构造新Virtual DOM -> 执行diff算法 -> 更新老Virtual DOM -> 更新真实DOM…

React Hook已经正式发布了一段时间了。我在项目中也进行过尝试，一个很直观的感受：写起来很爽。但是一直没有深入了解过其实现原理。本文将尝试从源码层面，了解React hooks的原理。本文所指的React版本为：v16.12.0 Hook 是 React 16.8 的新增…

用法 为了对中间件有一个整体的认识，先从用法开始分析。调用中间件的代码如下： 源码 createStore.js#39 export default function createStore(reducer, preloadedState, enhancer) { if (ty…

最近翻出了之前分析的 applyMiddleware 发现自己又看不懂了😳，重新看了一遍源代码，梳理了洋葱模型的实现方法，在这里分享一下。 applyMiddleware 函数最短但是最 Redux 最精髓的地方，成功的让 Redux 有了极大的可拓展空间，在 action …