React State Hooks 中存在的陷阱,在使用 Hooks 之前必须掌握
2019-03-18

伴随着 React Hooks 的正式发布,因为其易用性以及对于逻辑代码的复用性更强,毫无疑问越来越多的同学会偏向于使用 Hooks 来写自己的组件。但是随着使用的深入,我们发现了一些 State Hooks 的陷阱,那么今天我们就来分析一下 State Hooks 存在的一些陷阱,帮助同学们踩坑。 前几天在 twitter 上看到了一个关于 Hooks 的讨论,其内容围绕着下面的 demo…

read
为什么react-redux没有更新hooks API
2019-02-27

按照正常来讲,像 React-Redux 这一类较为活跃的社区类库,在 React 有较大的更新出现的时候一般都会及时跟进的。而这一次 React 的 Hooks 发布,有将近两个月的 beta 期,以及到截止本篇文章发布已经 Hooks 正式版也已经将近一个月来,React-Redux 到现在都没有正式发布一个类似 useRedux 这样的 Hooks API…

read
React组件化复用的一些技巧
2019-02-17

复用是组件化开发体系的立命之本,可以说组件化的初衷就是为了复用性。但是组件化的复用方式也存在一定的问题,其中拆分粒度就是其中一个绕不开的话题,今天咱们就来讲一讲 React 当中的一个不太常用的 API: cloneElement ,他如何帮组我们更好得进行组件拆分。 假如我们有一个 Layout 组件,那么一般来说这个组件主要接收的就是 children…

read
阅读源码后,来讲讲React Hooks是怎么实现的
2018-10-10

React 16.7-alpha 中新增了新功能: Hooks 。总结他的功能就是:让 FunctionalComponent 具有 ClassComponent 的功能。 按照 Dan 的说法,设计 Hooks 主要是解决 ClassComponent 的几个问题: 很难复用逻辑(只能用 HOC,或者 render props…

read
为什么你应该放弃React老的Context API用新的Context API
2018-10-2

React16.3 发布了新的 Context API,并且已经确认了将在下一个版本废弃老的 Context API。所以大家更新到新的 Context API 是无可厚非的事情。而这篇文章会从原理的角度为大家分析为什么要用新的 API--不仅仅是因为 React 官方要更新,毕竟更新了你也可以用 16 版本的 React 来使用老的 API--而是因为新的 API 性能比老 API…

read
React HOC高阶组件详解
2018-08-7

High Order Component(包装组件,后面简称 HOC),是 React 开发中提高组件复用性的高级技巧。HOC 并不是 React 的 API,他是根据 React 的特性形成的一种开发模式。 HOC 具体上就是一个接受组件作为参数并返回一个新的组件的方法 在 React 的第三方生态中,有非常多的使用,比如 Redux 的 connect 方法或者 React-Router…

read
订阅技术周报