标签:react

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版本开...