一共84集，从5月4日开始录制，到9月18日完成，5个月时间。如果是一个专业讲师，这进度你会说太慢了，但我的视频都是下班后录制的。今天是个不错的日子，也是我的生日（84年9月18日），标志着我正式进入35岁。在这个特殊的日子里，我献给大家我这将近半年的努力成果，希望更多的小伙伴…

现在(2018年)react在前端开发领域已经越来越🔥了，我自己也经常在项目中使用react，但是却总是好奇react的底层实现原理，多次尝试阅读react源代码都无法读下去，确实太难了。前不久在网上看到几篇介绍如何自己动手实现react的文章，这里基于这些资料，并加入一些自…

本文主要探讨React的State的设计哲学，以及总结一下setState的用法。 State可被视为一个React组件中的一个集合，这个集合的内容是该组件UI中可变状态的数据。 所谓可变状态的数据，就是在当前组件中可以被修改（或被更新）的数据。 如果我们要在一个组件中定义一个…

1 React 用了这么久，经常遇到的问题是 setState 在这里写合适吗？ 2 为什么 setState 写在这里造成了重复渲染多次？ 3 为什么你的 setState 用的这么乱? 4 组件传入 props 是更新呢？重新挂载呢？还是怎样？

深入学习一个框架最直接的方式，就是弄明白框架的原理。React无疑是一个非常值得学习其原理的框架，它设计简单，没有引入任何新的概念，一个组件就是一个方法或一个类。 但是要完整弄明白React的源码并不简单，React的代码有数万行，特别是在引入Fiber架构后，在React简单…

React在减少重复渲染方面确实是有一套独特的处理办法，那就是虚拟DOM，但显然在首次渲染的时候React绝无可能超越原生的速度，或者一定能将其它的框架比下去。尤其是在优化前的React，每次数据变动都会执行render，大大影响了性能，特别是在移动端。 在初始化渲染时，我们需…

当 React 渲染一个组件的是你，首先进入该方法。 Note：componentWillMount()是唯一一个在render()之前调用的生命周期方法。因此是在服务端渲染中唯一被调用的方法。 可以在该方法中使用this.setState()但是不一定触发重新渲染。 当该方法…

前言React生命周期一、初始化阶段1、设置组件的默认属性2、设置组件的初始化状态3、componentWillMount()4、render()5、componentDidMount()二、运行中阶