这是一门免费课程，写文章和录制视频这个我花了1个半月时间，如果你觉的不错可以给一个赞。文章和视频中会详细讲解React的基础知识，React版本是16x，也是目前最新版本(我课程录制开始的日期是2019年5月4日)。今年的目标是录制100集前端免费视频教程，可能大部分都会在Re…

React的组件化给前端开发带来了前所未有的体验，我们可以像玩乐高玩具一样将一个组件堆积拼接起来，就组成了一个完整的UI界面，在加快了开发速度的同时又提高了代码的可维护性。但是随着业务功能复杂度提高，业务代码不得不和生命周期函数糅合到一起。这样很多重复的业务逻辑代码很难被抽离出…

早在react16发布之前，就有个新鲜玩意儿被炒的沸沸扬扬，对，就是时间分片这个东西。但是这个挺起来高大上的玩意儿到底是个啥呢？接下来我们就分析一下~ 1. 为什么需要时间分片？ 2. 时间分片是怎么实现的？ 3. 所谓的时间分片它"分"的到底是啥？ 1. 为什么需要时间分片？…

react在进行组件渲染时，从setState开始到渲染完成整个过程是同步的（“一气呵成”）。如果需要渲染的组件比较庞大，js执行会占据主线程时间较长，会导致页面响应度变差，使得react在动画、手势等应用中效果比较差。 为了解决这个问题，react团队经过两年的工作，重写了r…

React将DOM抽象为虚拟DOM,然后通过新旧虚拟DOM这两个对象的差异(Diff算法),最终只把变化的部分重新渲染,提高渲染效率的过程;(概念讲完再描述一遍)一句话:用JS对象的形式,来表现一棵真

useEffect可以代替的生命周期为componentDidMount,componentWillUnMount和componentDidUpdate使用useEffect完成componentDi

在React Conf 2018宣布React Hooks后，我第一时间开始尝试使用React Hooks，现在新项目基本不写Class组件了。对我来说，它确实让我的开发效率提高了很多，改变了已有的组件开发思维和模式. 我在React组件设计实践总结04 - 组件的思维中已经总…