📄️ react developer tools的安装及使用
安装react开发调试工具
📄️ PropTypes 与 DefaultProps 的应用
每一个组件都有自己的props参数， 这个参数是从父组件那里接收的一些属性
📄️ props, state 与 render 函数的关系
结合react的生命周期，我们知道： 当组件的state或者props发生改变的时候，render函数就会重新执行
📄️ React中的虚拟DOM
React使用的是虚拟DOM 页面渲染性能非常高
📄️ 深入了解虚拟DOM
回顾一下react底层实现原理:
📄️ 虚拟DOM中的Diff算法
前面讲过，当state或props发生改变时，react会生成新的虚拟DOM然后和旧的虚拟DOM进行对比，找出不同点, 这个算法就叫做diff（difference）算法
📄️ React中Ref的使用
ref用于快速获取页面上的元素，写动画的时候常用，但是与setState一起使用时可能会出现一些坑，原因是setState是一部函数，有可能setState还没来的及执行，后面的都执行完了，所以与setState一起使用，放入setState第二个回调函数中
📄️ React生命周期
随着react版本的变化，react生命周期也做了一些调整，整体来说，有3个生命周期函数最为重要:
📄️ React生命周期的使用场景
shouComponentUpdate()提升组件性能
📄️ React中实现CSS过渡动画
index.css
📄️ React中使用CSS动画效果
什么叫CSS动画效果呢？
📄️ 使用react-transition-group实现动画
react-transition-group简介