这段代码，蕴含着很多知识。 首先是通过闭包对内部变量进行了私有化，外部是无法访问闭包内的变量。其次是对外暴露了接口来提供外部对内部属性的访问。这其实是典型的“沙盒模式”。 沙盒模式帮我们保护内部数据的安全性，在沙盒模式下，我们只能通过return出来的开放接口才能对沙盒内部的数…

数据驱动的 Ant Design Pro 风格的 Sider 组件，可以自动根据当前页面匹配无限级菜单中需要打开及选中的菜单项。

本篇是React深入系列的最后一篇，将介绍开发React应用时，经常用到的模式，这些模式并非都有官方名称，所以有些模式的命名并不一定准确，请读者主要关注模式的内容。 1. 受控组件 React 组件的数据流是由state和props驱动的，但对于input、textarea、s…

React 组件有很多种分类方式，常见的分类方式有函数组件和类组件，无状态组件和有状态组件，展示型组件和容器型组件。好吧，这又是一篇咬文嚼字的文章。但是，真正把这几组概念咬清楚、嚼明白后，对于页面的组件划分、组件之间的解耦是大有裨益的。 函数组件(Functional Comp…

anujs1.3.0是一款高性能React-like框架，是目前世界上对React16兼容最好的迷你库。 自React16起，相继推出createContext，createPortal, createRef与createResource等新API，表明官方正积极由纯view库…

目前来说，使用 SVG 是为应用创建图标库的最好方法。通过 SVG 制作出来的图标是可缩放且可调整的，同时也是离散的，这意味着它们可以进行增量加载或更新。而与之相反，使用字体进行构建的图标是不能进行增量加载/更新的。仅这一点就使 SVG 图标成为了那些依赖于代码分离和增量部署的…

Context API 可以说是 React 中最有趣的一个特性了。一方面很多流行的框架（例如react-redux、mobx-react、react-router等）都在使用它；另一方面官方文档中却不推荐我们使用它。在 Context API 的文档中有下面这段话： The …

我们经常会遇到这种需求，根据数据展示列表。这种代码估计你已经撸过成百上千次了。 但如果你需要同时展示成千上万条数据呢，必然会造成浏览器卡顿，丢帧，甚至卡死的问题。 本文将介绍利用react-virtualized来高效渲染大数据量列表。 以上每条数据都包含 id、用户名、图片、…

Taro 是由凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。 使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、App 端等）运行的代码。实现 一次编写，多端运行。 关于 Taro 的更多…