React 16.3中新的Context API，可以替换掉你的 Redux 了 

React从16.3版本开始，新的Context API中新增了两个特殊的组件：和。而Redux从2015年就已经开始利用Context API了，也提供了一个组件来包裹你的项目组件。该文介绍了新的Context API和Redux等第三方插件用的旧的Context API之间有...

React 16.6 通过 React.memo() 来控制函数式组件的render过程

如果你用过PureComponent，那你应该了解，只有当组件的props发生变化，该PureComponent才会重新render。在React 16.6中，新增了一个特性：React.memo()。它的作用跟PureComponent的效果一样，只不过PureComponen...

React Hooks介绍

React 16.7版本中新增了Hooks特性，这个特性可以让你不用创建一个class组件，就可以使用state特性（使用useState这个State Hook）。什么是Hook？Hooks是一些函数，这些函数可以让你在函数式组件内的React state和生命周期特性中放置钩...

自定义React Hook：use-localstorage

在了解了React的新特性Hook之后，你应该很想跃跃欲试，尝试自己写一个Hook吧。作者使用React的内置State Hook，封装了一个新的Hook来处理localStorage相关的操作。希望这篇文章能给你启发，让你更好地了解如何封装一个R...

在React 16.6中使用组件的懒加载

在React 16.6之前的版本中，要想实现React项目的代码分割和组件的懒加载，需要借助于ES6、Babel和Webpack或Browserify等工具来做代码分割，或者使用Webpack、react-loadable插件来实现组件的懒加载。现在，从React 16.6版本开...

为什么说React的新Hooks API是游戏改变者

React Hooks是一个很受争议的API，自从alpha版发布以来，有支持者，也有反对者，支持的人觉得它很好，很大程度上改变了React的开发模式，反对的人对这个API很抵制，表现出很多负面的情绪。作者从React最初ES5语法里的mixins，到ES6的class语法里完全...

React是怎么从函数中识别类的

要定义一个Greeting组件，我们可以定义成一个函数。 function Greeting() { return <p>Hello</p>; } React也支持定义成一个类。 class Greeting extends React.Component { rend...

为什么React元素有$$typeof属性

你也许觉得你在写JSX： <marquee bgcolor="#ffa7c4">hi</marquee> 但你实际是在调用一个函数： React.createElement( /* type */ 'marquee', /* props */ { bgcolor: '#...

使用Hooks执行异步Action

最近，我已经写了关于使用Hooks和Render Props获取数据的文章，那篇文章的目的是获取和展示数据。这篇文章中，我将重看并用实例拓展那边文章，展示怎么使用相同的概念来执行其他类型的Action（比如，POST数据）。 我们怎么提炼出数据Action？ 无论你正在获取、更新...

React团队的技术准则

作者Dan Abramov是React的核心开发者，他在这里介绍了React团队在解决一些问题上的技术准则（页面上有中文翻译）。总体来看 ，团队在React上新技术的尝试和规划是比较节制和严谨的，作者总结了以下几点。 UI优先于API； 吸收复杂度； 从Hacks到Idioms...