作为前端小白中的一员，没接触过 React 高阶组件，首次看到这个名字时不明觉厉 😱，甚至有种“从入门到放弃”的想法。 然 🦢，通过深入学习后发现它实际上是一个概念十分简单，但却非常常用的东西。它的作用是能实现代码复用和逻辑抽象、对 state 和 props 进行抽象和操…

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

以下面试题来源于github项目前端面试指南,那里有超过200道高频前端面试题及答案,目前拥有1400star. 组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。 天然分层: JQuery 时代的…

前段时间寻思做个个人网站，然后就立马行动了。 个人网站如何实现选择什么技术方案，自己可以自由决定。 刚好之前有大致想过服务端渲染，加载速度快，还有 SEO 挺适合个人网站的。 所以就自己造了个轮子用 koa+react 来实现 SSR 服务端渲染。 最初听说有单页面的服务端渲染…

为什么 React 不精确监听数据变化呢？这是因为 Vue 和 React 设计理念上的区别，Vue 使用的是可变数据，而React更强调数据的不可变。所以应该说没有好坏之分，Vue更加简单，而React构建大型应用的时候更加鲁棒。 因为一般都会用一个数据层的框架比如 Vuex…

React 16.7-alpha中新增了新功能：Hooks。总结他的功能就是：让FunctionalComponent具有ClassComponent的功能。 虽然最新的class语法可以用handler = () => {}来快捷绑定，但也就解决了一个声明的问题，整体的复杂度…

setState作为react中使用最频繁的一个API，在这里简单分享它的实现机制。 网上有很多讲解fiber的文章大多在描述fiber的算法。实际上fiber包含数据结构和算法，按照v16之前的版本理解，fiber在源码中表示虚拟DOM的一个节点 第一个setState也就到…

本文有一定的技术含量，要对React公共API以及它如何分为核心，渲染器和协调(和解，reconciler)程序有很深的理解。如果你对React代码库不是很熟悉，请首先阅读代码库概述。 它还假设你了解React组件的实例和元素之间的差异。 stack reconciler用于1…

本文译自《Optimizing React: Virtual DOM explained》，作者是Alexey Ivanov和Andy Barnov，来自Evil Martians’ team团队。 译者说：通过一些实际场景和demo，给大家描述React的Virtual Do…