react-flight

收录理由

写动画时最烦的就是手动调补间曲线，React Flight 换个思路：你只需用普通 JSX 写出起始帧和结束帧两个组件，中间的运动它自动补上。这个理念借鉴了 Principle，习惯用帧思考而非跟缓动函数较劲的人会非常顺手。设计阶段可以标记某一帧为 source，打开 showFrames 就能边看边改所有帧，由于帧本身是组件，webpack 热替换让迭代体验很流畅。它不是一个庞大的动画系统，而是一个自包含的小部件，适合在已有应用里快速实现微交互或短片式动效。需要留意的成本是当前某个依赖要求 jQuery 环境，动手前要把这个条件算进去。