React官网和2018年的React conf上都提到了动机这个东西，那么出现hooks的动机是什么？是什么推动了hooks的出现？先来看一下Hooks的动机。 React没有提供可复用性行为“附加”到组件的途径，在写类组件的时候，一个类是一个闭包并且state在组件间传递并…

这几天 Vue 3.0 Beta 版本发布了，本以为是皆大欢喜的一件事情，但是论坛里还是看到了很多反对的声音。主流的反对论点大概有如下几点： 在我看来，Vue 黑暗的一天还远远没有过去，很多人其实并没有认真的去看 Vue-Composition-Api 文档中的 动机 章节，本…

本文依次介绍 组件、JSX、Virtual DOM、Flux架构、Redux、react-redux和性能优化。 1. 组件 组件是React的基石，所有的React应用程序都是基于组件的。 用这种方式，就实现了一个React的组件，在其他的组件中，可以像HTML标签一样引用它…

React非常适合快速开发具有漂亮交互式UI的应用程序。React组件是创建隔离和可重用构建块的好方法，可以用于开发不同应用程序。 一些最佳实践有助于开发更好的应用程序，但正确的工具可以使开发过程更快。以下是5（+）个有用的工具，可以加快组件和应用程序的开发效率。 1. Bit…

然后在webpack.common.js中简单的配置入口(entry)跟输出(output)。 接着在根目录下再新建src文件夹，用来存放主要代码，并新建index.js，随便写点东西。 webpack4中提供了 mode 配置选项，告知 webpack 使用相应模式的内置优化…

我 fork 了一份 16.8.6 版本的代码，并且会为读过的代码加上详细的中文注释。等不及我文章的同学可以先行阅读 我的仓库，并且在阅读本系列文章的时候也请跟着阅读我注释的代码。因为版本不同可能会导致代码不同，并且我不会在文章中贴上大段的代码，只会对部分代码做更详细的解释，其…

注意：如果 props 和 state 包含复杂的数据结构，React.PureComponent 可能会因深层数据不一致而产生错误的否定判断，即 state、props 深层的数据已经改变，但是视图没有更新。 我们都知道，当 state、props 状态改变时，React 会…

本文简要介绍了 React 中 PureComponent 与 Component 的区别以及使用时需要注意的问题，并在后面附上了源码解析，希望对有疑惑的朋友提供一些帮助。 先介绍一下 PureComponent，平时我们创建 React 组件一般是继承于 Component，…

使用 React.js 一段时间了，把使用过程遇到的小坑和小技巧记录下来，希望能够帮助到其他人。此文章是长篇大论你只有耐得住寂寞，禁得住诱惑才会有所成长。 1. 父组件向子组件通信 2. 子组件向父组件通信 3. 跨级组件通信 4. 没有嵌套关系的组件通信 下面demo中点击父…