react-spring 是 React 上的一个动画库。它基于弹簧物理原理实现，尽可能的使元素的动画轨迹与真实世界更接近，更易于我们理解与使用 useChain 方法是用来控制不同的 spring 的执行顺序的，它没有返回值，接收一个[springRef ... ] 的数组，…

最近发布的React v17.0没有包含新特性。 究其原因，v17.0主要的工作在于源码内部对Concurrent Mode的支持。所以v17版本也被称为“垫脚石”版本。 本文会详细介绍Concurrent Mode的来龙去脉，以及这套体系从底层架构到上层API的实现。 由于跨…

自从react16.8，react-hooks诞生以来，在工作中一直使用hooks，一年多的时间里，接触的react项目，渐渐使用function无状态组件代替了classs声明的有状态组件，期间也总结了一些心得。尤其对于近期三个月的项目里，一点点用自定义hooks来处理公司项…

本文灵感以及代码实现参考自源码：TNG-Hooks。此库的开发者也是大名鼎鼎的 You-Dont-Know-JS 的作者 **Kyle Simpson。**所以本文也可以叫做 TNG-Hooks 源码精读 :-)。 在 Github README 中提到 TNG-Hooks 的…

有一天我在逛Medium的时候，突然发现了一篇介绍React Hooks的文章，我认真看了一遍后，计划好好了解一下它。 在学习Hooks之前，官网上说了Hooks是完全可用的（v16.8.0），并没有破坏性变更，而且完全向后兼容，与其说是一种新API，不如说是React Tea…

在 React v16.13 版本中，正式推出了实验性的 Concurrent Mode，尤其是提供一种新的机制 Suspense，非常自然地解决了一直以来存在的异步副作用问题。结合前面 v16.8 推出的 Hooks，v16.0 底层架构 Fiber，React 给开发者体验…

过去，React 中的函数组件都被称为无状态函数式组件(stateless functional component)，这是因为函数组件没有办法拥有自己的状态，只能根据 Props 来渲染 UI ，其性质就相当于是类组件中的 render 函数，虽然结构简单明了，但是作用有限。…

应届生小A：在学校用React + antd做过后台管理系统，熟悉React技术栈。 两年前端小B：公司技术栈是React，都用了一年了，我React贼六。 五年前端老C：带团队把公司的粪坑项目用React重构了。React对我来说就跟呼吸一样容易。 小A、小B、老C：要不学学…

组件不多，但在搭建过程中掌握了很多知识，再看 antd 等热门组件库，对其中的一些设计也有了更深的感悟，故记录下来，希望能帮助到其他的同学。