vdom是虚拟DOM(Virtual DOM)的简称，指的是用JS模拟的DOM结构，将DOM变化的对比放在JS层来做。换而言之，vdom就是JS对象。 将该数据展示成一个表格，并且随便修改一个信息，表格也跟着修改。 这样点击按钮，会有相应的视图变化，但是你审查以下元素，每次改动…

1. 引言 如果你在使用 React 16，可以尝试 Function Component 风格，享受更大的灵活性。但在尝试之前，最好先阅读本文，对 Function Component 的思维模式有一个初步认识，防止因思维模式不同步造成的困扰。 2. 精读 也就是，一个返回了…

React 在 16.3 版本里面引入了新的 Context API —— 说它是新的是因为老版本的 context API 是一个幕后的试验性功能，大多数人要么不知道，要么就是依据官方文档所说，尽量避免使用它。 但是，现在 Context API 摇身一变成为了 React …

我们知道，React 提供的单向数据流以及组件化帮助我们将一个庞大的项目变为小型、独立、可复用的组件。但有时，我们无法进一步拆分很复杂的组件，因为它们内部的逻辑是有状态的，无法抽象为函数式组件。所以有时我们可能会写出非常不适合复用性开发的： 但谢天谢地，Hooks 的出现，让我…

1. 引言 这次介绍的文章是 scheduling-in-react，简单来说就是 React 的调度系统，为了得到更顺滑的用户体验。 毕竟前端做到最后，都是体验优化，前端带给用户的价值核心就在于此。 2. 概述 这是一个测试性能的 Demo，随着输入框字符的增加，下方图表展示…

这样我们能够用 React 进一步的实践函数响应式编程（FRP）。类似的模式并不新鲜，几年前 Cycle.js 就已经这么做了： 不同的是，Cycle.js 偏爱 Hyperscript，React 则是 JSX，也没有使用 FRP 框架或者 Observable（RxJS 或…

React Hooks 在 React@16.8 版本正式发布。我最近在一两个公司的内部项目中也开始用起来尝尝鲜。 不了解 Hooks 的同学先撸一遍文档。本文不对 Hooks 做详细介绍，只阐述一种使用 Hooks 的思路。 一般我们写 React 如果不是特别大的应用，前后…

本文为意译，翻译过程中掺杂本人的理解，如有误导，请放弃继续阅读。 应用中局部UI中的javascript错误按理说不应该导致整个应用的崩溃。为了帮助React用户解决这种问题，React在16.x.x中引入了新的概念-“error boundary”。 什么是“error bo…

本篇文章首先回顾一下什么是内存泄露，然后看两个 demo 观察 react 出现内存泄露的具体情况。 程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。 对于持续运行的服务进程（daemon），必须及时释放不再用到的内存。否则，内存占用越…