All Projects → tkh44 → Data Driven Motion

tkh44 / Data Driven Motion

Licence: mit
Easily animate your data in react

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Data Driven Motion

Motion
🤹 Vue Composables putting your components in motion
Stars: ✭ 315 (-40.11%)
Mutual labels:  spring, motion
Im
IM server based on netty. Provides a client jar. Integrate with your own login system.基于netty实现的IM服务端,提供客户端jar包,可集成自己的登录系统
Stars: ✭ 490 (-6.84%)
Mutual labels:  spring
S Mall Ssm
小小商城系统,JavaWEB项目,基于SSM,仿天猫页面,功能齐全,实现了自动处理关联查询的通用Mapper、抽象 BaseService 类、注解鉴权、参数注解校验等
Stars: ✭ 456 (-13.31%)
Mutual labels:  spring
Advance
Physics-based animations for iOS, tvOS, and macOS.
Stars: ✭ 4,445 (+745.06%)
Mutual labels:  motion
Spring Cloud Netflix
Integration with Netflix OSS components
Stars: ✭ 4,498 (+755.13%)
Mutual labels:  spring
Line Bot Sdk Java
LINE Messaging API SDK for Java
Stars: ✭ 484 (-7.98%)
Mutual labels:  spring
Chat
Java NIO+多线程实现聊天室
Stars: ✭ 454 (-13.69%)
Mutual labels:  spring
Nacos Spring Boot Project
Nacos ECO Project for Spring Boot
Stars: ✭ 508 (-3.42%)
Mutual labels:  spring
Sts4
The next generation of tooling for Spring Boot, including support for Cloud Foundry manifest files, Concourse CI pipeline definitions, BOSH deployment manifests, and more... - Available for Eclipse, Visual Studio Code, and Theia
Stars: ✭ 490 (-6.84%)
Mutual labels:  spring
Pdf
编程电子书,电子书,编程书籍,包括C,C#,Docker,Elasticsearch,Git,Hadoop,HeadFirst,Java,Javascript,jvm,Kafka,Linux,Maven,MongoDB,MyBatis,MySQL,Netty,Nginx,Python,RabbitMQ,Redis,Scala,Solr,Spark,Spring,SpringBoot,SpringCloud,TCPIP,Tomcat,Zookeeper,人工智能,大数据类,并发编程,数据库类,数据挖掘,新面试题,架构设计,算法系列,计算机类,设计模式,软件测试,重构优化,等更多分类
Stars: ✭ 12,009 (+2183.08%)
Mutual labels:  spring
All Things Cqrs
Comprehensive guide to a couple of possible ways of synchronizing two states with Spring tools. Synchronization is shown by separating command and queries in a simple CQRS application.
Stars: ✭ 474 (-9.89%)
Mutual labels:  spring
Favorites Web
云收藏 Spring Boot 2.X 开源项目
Stars: ✭ 4,485 (+752.66%)
Mutual labels:  spring
Cerberus
A demonstration of a completely stateless and RESTful token-based authorization system using JSON Web Tokens (JWT) and Spring Security.
Stars: ✭ 482 (-8.37%)
Mutual labels:  spring
Material Motion Android
Reactive motion for Android. Deprecated; please use the Motion library in Material Components for Android instead: https://material.io/develop/android/theming/motion/.
Stars: ✭ 459 (-12.74%)
Mutual labels:  motion
Spring Cloud Commons
Common classes used in different Spring Cloud implementations
Stars: ✭ 493 (-6.27%)
Mutual labels:  spring
Springmvcdemo
This is a demo of my spring mvc project.
Stars: ✭ 457 (-13.12%)
Mutual labels:  spring
Bugcatcher
方便产品、开发、测试三方协同管理、测试、监控项目进度和质量,以持续交付。
Stars: ✭ 472 (-10.27%)
Mutual labels:  spring
Spring Cloud Zookeeper
Spring Cloud Zookeeper
Stars: ✭ 481 (-8.56%)
Mutual labels:  spring
Spring Guide
Spring 실전 가이드
Stars: ✭ 521 (-0.95%)
Mutual labels:  spring
Light Reading Cloud
📚 轻松阅读,基于SpringCloud生态开发的阅读类APP微服务实战项目,涉及 SpringCloud-Gateway、Nacos、OpenFeign、Hystrix、Jwt、ElasticSearch 等技术的应用
Stars: ✭ 506 (-3.8%)
Mutual labels:  spring

data-driven-motion

npm version Build Status codecov Standard - JavaScript Style Guide

Easily animate your data in react

This is a small wrapper around react-motion with the intention of simplifying the api for my most common use case.

Demos and Docs

npm install -S data-driven-motion

Motion

<Motion
  data={[]}
  component={<ul style={{ padding: 8 }} />}
  render={(key, data, style) => <li key={key} style={style}>{data.name}</li>}
  getKey={data => data.name}
  onComponentMount={data => ({ top: data.top, left: data.left })}
  onRender={(data, i, spring) => ({ top: spring(data.top), left: spring(data.left) })}
  onRemount={({ data }) => ({ top: data.top - 32, left: data.left - 32 })}
  onUnmount={({ data }, spring) => ({ top: spring(data.top + 32), left: spring(data.left + 32) })}
/>
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].