React Fiber 是 React v16.x 推出船新架构，而 Reconciliation 是 React 的 Diff 算法，两者都是 React 的 核心机制。本文将会来研究一下 React Fiber 和 Reconciliation，看看 Fiber 到底是什么…

本文是对 Flux、Redux、Vuex、MobX 几种常用状态管理模式的总结，偏向于概念层面，不涉及过多代码。 组件之间通常会有一些共享的状态，在 Vue 或者 React 中我们一般会将这部分状态提升至公共父组件的 props 中，由父组件来统一管理共享的状态，状态的改变也…

1. 前言 最近在研究 react 源码（v16.8）的过程中，发现 react 使用了 requestAnimationFrame 和 requestIdleCallback 这两个 api。同时，这两个 api 与 浏览器的 fps 存在着关系。 2. 浏览器的 fps 2…

动画是 ReactJs 应用程序中一个热门话题，我们有很多方法可以创建不同类型的动画。例如，很多开发人员就喜欢使用 css 动画。但如果你想创建更复杂的动画，你可以关注 GreenSock 。GreenSock 是最具影响力的动画平台，同时，它给 React 提供了很多用于创建…

React Scheduler 为什么使用 MessageChannel 呢？为什么不使用 setTimeout 或 requestAnimationFrame 实现呢？

当函数组件进入render阶段时，会被renderWithHooks函数处理。函数组件作为一个函数，它的渲染其实就是函数调用，而函数组件又会调用React提供的hooks函数。初始挂载和更新时，所用的hooks函数是不同的，比如初次挂载时调用的useEffect，和后续更新时调…

React 是一个用于开发用户界面的 JavaScript 库， 是由 Facebook 在 2013 年创建的。 React 集成了许多令人兴奋的组件、库和框架。 当然，开发人员也可以自己开发组件。 在最佳实践之前，我建议在开发 React 应用程序时使用测试驱动开发（TDD…

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

这是我参与更文挑战的第20天 大家好我是小村儿，在上节Fiber算法开发环境的基本配置，大家也可以看源码跟着学习，还介绍了一下核心API 'requestIdelCallback',介绍了Fiber核