上周末我想挖掘一些没有 Redux-Saga 这种花里胡哨的东西的纯粹的 React。 所以我创建了一个小项目，在 Strapi — 一个包括了可扩展的管理后台面板和一些内置功能（授权，上传，权限控制...）的 Node.js 框架的配合下，仅使用 Create React A…

本文盘点了几个在 React 优化方面的地方：使用 React 本身提供的优化方法；React 里几种会影响性能的用法；关于不可变数据等。

在某个月黑风高的晚上...没剧刷的我无意想起以前处理的一些弹窗的坑。 然后又无意间刷到“Portal”，才知道Modal的实现还有如此妙的方式，顺而想着干脆把UI组件库的实现原理看完。 1. Modal弹窗的基本原理 我给弹窗类的定义是脱离固定的层级关系，不再受制于层叠上下文的…

React 16.8 于 2019.2 正式发布，这是一个能提升代码质量和开发效率的特性，笔者就抛砖引玉先列出一些实践点，希望得到大家进一步讨论。 然而需要理解的是，没有一个完美的最佳实践规范，对一个高效团队来说，稳定的规范比合理的规范更重要，因此这套方案只是最佳实践之一。 拥…

一位伦敦的 Python 工程师 Oliver Russell 最近做了一个好玩的尝试，用 33 行代码 “实现了”React。 由此可见，这个实现的功能还十分有限。只涉及虚拟 DOM 生成、差异比较和真实 DOM 渲染。 全部实现代码如下图所示。 这个实现参考了 Mithri…

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

如果你看过前几篇文章，就会知道我们之前的渲染方式是通过创建一个承载pdf的canvas标签通过pdf.render()的方式渲染到创建的canvas，如果需要渲染pdf的文字需要创建一个与canvas样式一样的div承载文字信息，就可以实现pdf里面文字的右键复制功能。

前段时间学习了React的相关知识，尝试使用Class Component和 Hook两种方式进行项目实践，其中Class Component的使用主要围绕生命周期展开，Hook是比较新的函数式实现方式，弱化了生命周期的存在，可能是React未来主推的方式。 尝试使用了官方提供…

Formik旨在轻松管理具有复杂验证的表单, Formik支持同步和异步表单级和字段级验证。 initialValues 初始化值，在验证表单中待验证的字段。 validate 具体校验规则，比如这里校验email的规则,对于新增的字段需要添加该字段对应的校验内容。 而这里 为…