在官方文档里，是可以看到Taro支持异步编程的。 这个问题困扰了我几天，终于，在大佬的帮助下，发现了问题出在哪。其实官方文档上就有说明。 出现问题的原因是facebook的包regenerator-runtime，在GitHub上可以查到，3月8日facebook对这个包进行了…

介绍了今年雪球大前端团队在三端同构建设上的实践。包括RN / H5 同构的能力及效果、样式组件系统、同构的改造及SSR、同构的 CICD、单元测试及开发测试流程、同构的 D2C代码智能生成等

代码非常简单，点击button使count+3，count的值会显示在屏幕上。 一. 前置知识 1. 函数组件和类组件 我们来看一个简单的Greeting组件，它支持定义成类和函数两种性质。在使用它时，不用关心他是如何定义的。 如果 Greeting 是一个函数，React 需…

最高效的学习方法就是把知识讲给别人听。 本来是个很简单的问题，但是感觉还是应该记一下，里面涉及到很多细节都可能成为一个知识盲区。 代码打印出 [2, 4, 6, 8, 10]。 在 React 中，把数组转化为元素列表的过程是相似的。 你可以通过使用 {} 在 JSX 内构建一…

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

最近接触umi，在使用umi搭建后台项目时发现，有一个需求是在input框输入时进行防抖查询。但是Antd的input框，onChange事件触发返回的callback如果用防抖函数包裹的话，event对象的target属性是null。 查阅一番之后得知，原来是React的合成…

React 基于虚拟 DOM 和高效 Diff 算法的完美配合，实现了对 DOM 最小粒度的更新。大多数情况下，React 对 DOM 的渲染效率足以我们的业务日常。但在个别复杂业务场景下，性能问题依然会困扰我们。此时需要采取一些措施来提升运行性能，其很重要的一个方向，就是避免…

React v16.7.0-alpha 中第一次引入了 Hooks 的概念，在 v16.8.0 版本被正式发布。React Hooks 在 React 中只是对 React Hook 的概念性的描述，在开发中我们用到的实际功能都应该叫做 React hook。 React Ho…

一个场景：父组件改变自身数据，不涉及子组件数据变化，就会在父组件每次render时都渲染子组件。 先说一下shouldComponentUpdate这个生命周期函数，这个函数是通过返回true或false来控制组件是否渲染的，可以有效的避免组件的一些无意义或者重复的渲染，和避免…