It takes the best of both worlds and packs them into one flexible library. Roact-spring is the perfect bridge between declarative and imperative animations. The following are the principles of roact-spring: Declarative and imperative It works with almost all datatypes, greatly improving developer experience. Roact-spring comes with powerful props and configs that enable advanced UI animations. As Andy Matuschak (ex Apple UI-Kit developer) expressed it once: Animation APIs parameterized by duration and curve are fundamentally opposed to continuous, fluid interactivity. We are so used to time-based animation that we believe that struggle is normal, dealing with arbitrary curves, easings, time waterfalls, not to mention getting this all in sync.
We think of animation in terms of time and curves, but that in itself causes most of the struggle we face when trying to make elements on the screen move naturally, because nothing in the real world moves like that. In that it differs greatly from the animation you are probably used to. The principle you will be working with is called a spring, it does not have a defined curve or a set duration. It is the perfect bridge between declarative and imperative animations. This library represents a modern approach to animation. Instead of fixed durations, it uses physical properties like mass and tension to enable fluid and natural animations. Roact-spring is a modern spring-physics based animation library for Roact inspired by react-spring. Visit the official repository for more information. The following is a very brief introduction to roact-spring.
0 kommentar(er)
