react-flip-move

收录理由

列表顺序变化时，浏览器其实不知道元素的新位置，因为DOM节点并没有真正移动，CSS过渡对此无能为力，元素只会瞬间跳到位。React Flip Move通过测量每个元素变换前后的坐标，用硬件加速的CSS变换模拟出平滑的位移效果，帧率能到60fps，而且你完全不用自己写测量逻辑。只要把现有子元素包进一个组件，它还能处理进入和退出的动画，自带预设效果，也支持错落延迟。对于React应用里的仪表盘、看板或者任何会变序的列表，这个库体积小、专注单一问题，加一点配置就能让界面显得精致不少。