当然，这个更替是缓慢的，在整个16版本里都能无障碍的使用旧的三生命周期，但值得注意的是，旧的生命周期（unsafe）不能和新的生命周期同时出现在一个组件，否则会报错“你使用了一个不安全的生命周期”。 旧的生命周期十分完整，基本可以捕捉到组件更新的每一个state/props/r…

搜索了网上关于react动画的，很多的答案都是很久以前的了老版本了，而现在官方提供的是叫react-transition-group 它是以前两个的合体版本，所以写下这个记录一下，同时也给一些需要的猿门给一些小的提示。 1、安装 而官方提供的三个组建Transition,CSS…

我们经常会遇到这种需求，根据数据展示列表。这种代码估计你已经撸过成百上千次了。 但如果你需要同时展示成千上万条数据呢，必然会造成浏览器卡顿，丢帧，甚至卡死的问题。 本文将介绍利用react-virtualized来高效渲染大数据量列表。 以上每条数据都包含 id、用户名、图片、…

在上篇中，笔者分享了部分安装并调试React Native应用过程里的一点经验，如果还没有看过的同学请点击《React Native基础&入门教程：调试React Native应用的一小步》。 在本篇里，让我们一起来了解一下，什么是Flexbox布局，以及如何使用。 一、长度的…

Immer 是 mobx 的作者写的一个 immutable 库，核心实现是利用 ES6 的 proxy，几乎以最小的成本实现了 js 的不可变数据结构，简单易用、体量小巧、设计巧妙，满足了我们对JS不可变数据结构的需求。 无奈网络上完善的文档实在太少，所以自己写了一份，本篇文…

useParams可以帮助我们。在各层组件中，轻松访问router的params参数。 在V5.1版本之前，我们需要通过props.match获取路由参数。对于更深层的组件还需要使用高阶组件withRouter。 在V5.1版本中，由于useParams的引入，我们可以轻松获取…