mobile-first-animation

Gesture-driven animation on the mobile web (React Conf 2019)

Github stars Tracking Chart

Mobile First Animation in React

View this repo as a live demo in CodeSandbox.

React Conf 2019 Talk

This repo contains the source code of the demos for this talk about mobile animation.

The interactive slides for the talk can be found here.

Springs Playground

You can play with the spring demo from the talk here.

Notes:

  • If you find any bugs or UI inconsistencies, please make an issue!
  • These are animation demos and as such they are not production-ready UI code. They are not fully accessible, and don't have desktop variants.
  • Adhering to animation best practices can ensure that animations perform acceptably on newer "average", sub-$200 devices. However, there are some devices (older or very inexpensive phones) that will have difficulties achieving minimally acceptable animation performance. Make sure to test your animations on the phones of your target audience before committing to add them.

Main metrics

Overview
Name With Owneraholachek/mobile-first-animation
Primary LanguageJavaScript
Program languageHTML (Language Count: 2)
Platform
License:
所有者活动
Created At2019-10-05 22:57:57
Pushed At2020-04-20 12:33:23
Last Commit At2020-04-20 08:33:06
Release Count0
用户参与
Stargazers Count2.1k
Watchers Count29
Fork Count94
Commits Count70
Has Issues Enabled
Issues Count5
Issue Open Count0
Pull Requests Count2
Pull Requests Open Count0
Pull Requests Close Count4
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private