对于 React 16.7 中新的 hooks 系统在社区中引起的骚动，我们都有所耳闻了。人们纷纷动手尝试，并为之兴奋不已。一想到 hooks 时它们似乎是某种魔法，React 以某种甚至不用暴露其实例（起码没有用到这个关键词）的手段管理了你的组件。那么 React 究竟捣了什…

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

本文主要介绍一些React的设计思想和相关概念，不管是想要阅读源码还是想深入了解React的同学看过来呀。欢迎指出错误，一起探讨一起进步。 React的相关代码都放在packages里。 React的主要特性就是各种组合而成的组件。由不同人编写的组件可以组合使用，并且实现组件的…

React 是一个用于开发用户界面的 JavaScript 库， 是由 Facebook 在 2013 年创建的。 React 集成了许多令人兴奋的组件、库和框架。 当然，开发人员也可以自己开发组件。 在最佳实践之前，我建议在开发 React 应用程序时使用测试驱动开发（TDD…

reducer是一个纯函数。给定当前state树和要处理的action的函数，返回新的state树。 initialState 初始化状态。 获取store中当前的状态。 分发一个action，并返回这个action。这是唯一能改变store中数据的方式，且触发listener…

setState(updater, callback)这个方法是用来告诉react组件数据有更新，有可能需要重新渲染。它是异步的，react通常会集齐一批需要更新的组件，然后一次性更新来保证渲染的性能，所以这就给我们埋了一个坑： 那就是在使用setState改变状态之后，立刻通…

在过去一年，越来越多的项目继续或者开始使用React和Redux开发，这是目前前端业内很普遍的一种前端项目解决方案，但是随着开发项目越来越多，越来越多样化时，个人又有了不同的感受和想法。是不是因为已经有了一个比较普遍的，熟悉的项目技术栈，我们就一直完全沿用呢，有没有比他更适合的…

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…

通常，代码是由上而下依次执行的。如果有多个任务，就必须排队，前一个任务完成，后一个任务才能执行。这种连续的执行模式就叫做同步。 所谓异步，就是一个任务不是连续完成的。比如，有一个读取文件处理的任务，任务的第一段的向操作系统发出请求，要求读取文件，然后程序执行其他任务，等到操作系…