

animation-wrapper-view, declarative animations with imperative controls
source link: https://dev.to/swapnil1104/animation-wrapper-view-declarative-animations-with-imperative-controls-533k
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

animation-wrapper-view, declarative animations with imperative controls
Aug 25
・1 min read
animation-wrapper-view is a collection of a well-defined set of component-level animations, that a developer can utilize just by providing some configurations. AnimationWrapperView will add plug and play type support to the already robust Animated API and will take care of all the intricate details of each animation type.
Features
- Power animation payload from anywhere (backend ? 😉)
- Extremely light-weight (4KB gzipped + minified).
- Out-of-box support for iOS, Android and RNW.
- Great selection of well defined animations.
- Declarative transformation animations with JSON.
- Imperative controls to the animation state. (start/pause/reset)
Check out this snack, play around with the library.
Snack Link: https://snack.expo.dev/@swapnil1104/animationwrapperview-playground
Library Link: https://github.com/flipkart-incubator/animation-wrapper-view
People looking for solving complex animation use-cases with JSON-based payload, potentially server-driven, can definitely have a look! Looking forward to any feedback/feature requests!
Cheers.
Recommend
-
90
Declarative motion system for HTML, SVG & React
-
30
您的连接不是私密连接 攻击者可能会试图从 lotabout.me 窃取您的信息(例如:密码、通讯内容或信用卡信息)。了解详情 ...
-
11
Declarative vs Imperative Programming When we talk about the programming we mainly focus on languages and codes but an important part of writing good code or selecting the correct programming language for th...
-
11
Table of Contents声明式(declarative)是结果导向的,命令式(imperative)是过程导向的。它们都有自己适用的场景和局限,于是现实中的编程语言常常都有两者的身影。 命令式 vs 声明式 Declarative programming
-
15
animation-wrapper-view AnimationWrapperView is a collection of a well defined set of component level animations, that a developer can utilize just by providing some configurations. AnimationWrapperView will add plug and play type sup...
-
18
-
7
Vijit Ail Follow Software Engineer at toothsi. I work with React and NodeJS to build customer-centric products. Reach out to me on
-
5
Legend Motion Legend Motion is a declarative animations library for React Native, to make it easy to transition between styles without needing to manage animations. npm install @legendapp/motion or yarn add @lege...
-
7
Is it Imperative to be Declarative?
-
6
Built-in symbol animations in UIKit controls 29 Jun 2023 ⋅ 2 min read ⋅ UIKit...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK