{"action":"created","issue":{"url":"https://api.github.com/repos/mozilla/browser.html/issues/654","labels_url":"https://api.github.com/repos/mozilla/browser.html/issues/654/labels{/name}","comments_url":"https://api.github.com/repos/mozilla/browser.html/issues/654/comments","events_url":"https://api.github.com/repos/mozilla/browser.html/issues/654/events","html_url":"https://github.com/mozilla/browser.html/issues/654","id":104543094,"number":654,"title":"Handling animations with react (or rather in our architectural setup)","user":{"login":"gordonbrander","id":58421,"avatar_url":"https://avatars.githubusercontent.com/u/58421?v=3","gravatar_id":"","url":"https://api.github.com/users/gordonbrander","html_url":"https://github.com/gordonbrander","followers_url":"https://api.github.com/users/gordonbrander/followers","following_url":"https://api.github.com/users/gordonbrander/following{/other_user}","gists_url":"https://api.github.com/users/gordonbrander/gists{/gist_id}","starred_url":"https://api.github.com/users/gordonbrander/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gordonbrander/subscriptions","organizations_url":"https://api.github.com/users/gordonbrander/orgs","repos_url":"https://api.github.com/users/gordonbrander/repos","events_url":"https://api.github.com/users/gordonbrander/events{/privacy}","received_events_url":"https://api.github.com/users/gordonbrander/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":{"login":"Gozala","id":21236,"avatar_url":"https://avatars.githubusercontent.com/u/21236?v=3","gravatar_id":"","url":"https://api.github.com/users/Gozala","html_url":"https://github.com/Gozala","followers_url":"https://api.github.com/users/Gozala/followers","following_url":"https://api.github.com/users/Gozala/following{/other_user}","gists_url":"https://api.github.com/users/Gozala/gists{/gist_id}","starred_url":"https://api.github.com/users/Gozala/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Gozala/subscriptions","organizations_url":"https://api.github.com/users/Gozala/orgs","repos_url":"https://api.github.com/users/Gozala/repos","events_url":"https://api.github.com/users/Gozala/events{/privacy}","received_events_url":"https://api.github.com/users/Gozala/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/mozilla/browser.html/milestones/17","html_url":"https://github.com/mozilla/browser.html/milestones/Motion%20sprint","labels_url":"https://api.github.com/repos/mozilla/browser.html/milestones/17/labels","id":1286830,"number":17,"title":"Motion sprint","description":"Work on motion graphic concepts for current design and new design","creator":{"login":"gordonbrander","id":58421,"avatar_url":"https://avatars.githubusercontent.com/u/58421?v=3","gravatar_id":"","url":"https://api.github.com/users/gordonbrander","html_url":"https://github.com/gordonbrander","followers_url":"https://api.github.com/users/gordonbrander/followers","following_url":"https://api.github.com/users/gordonbrander/following{/other_user}","gists_url":"https://api.github.com/users/gordonbrander/gists{/gist_id}","starred_url":"https://api.github.com/users/gordonbrander/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gordonbrander/subscriptions","organizations_url":"https://api.github.com/users/gordonbrander/orgs","repos_url":"https://api.github.com/users/gordonbrander/repos","events_url":"https://api.github.com/users/gordonbrander/events{/privacy}","received_events_url":"https://api.github.com/users/gordonbrander/received_events","type":"User","site_admin":false},"open_issues":3,"closed_issues":0,"state":"open","created_at":"2015-09-02T17:16:37Z","updated_at":"2015-09-03T17:51:48Z","due_on":null,"closed_at":null},"comments":6,"created_at":"2015-09-02T18:23:02Z","updated_at":"2015-09-03T18:47:03Z","closed_at":null,"body":"We want to be able to do complex animations, beyond simple CSS transitions:\r\n\r\n- CSSKeyframe animations (fixed time)\r\n- Gesture, mouse and scroll-based animations (dynamic time) (example http://lab.hakim.se/scroll-effects/)\r\n- Physics-based spring animations (dynamic time) (example http://fat.gfycat.com/ElatedDistantDrever.mp4)"},"comment":{"url":"https://api.github.com/repos/mozilla/browser.html/issues/comments/137539852","html_url":"https://github.com/mozilla/browser.html/issues/654#issuecomment-137539852","issue_url":"https://api.github.com/repos/mozilla/browser.html/issues/654","id":137539852,"user":{"login":"Gozala","id":21236,"avatar_url":"https://avatars.githubusercontent.com/u/21236?v=3","gravatar_id":"","url":"https://api.github.com/users/Gozala","html_url":"https://github.com/Gozala","followers_url":"https://api.github.com/users/Gozala/followers","following_url":"https://api.github.com/users/Gozala/following{/other_user}","gists_url":"https://api.github.com/users/Gozala/gists{/gist_id}","starred_url":"https://api.github.com/users/Gozala/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Gozala/subscriptions","organizations_url":"https://api.github.com/users/Gozala/orgs","repos_url":"https://api.github.com/users/Gozala/repos","events_url":"https://api.github.com/users/Gozala/events{/privacy}","received_events_url":"https://api.github.com/users/Gozala/received_events","type":"User","site_admin":false},"created_at":"2015-09-03T18:47:03Z","updated_at":"2015-09-03T18:47:03Z","body":"We should keep on eye on work being done by @[chenglou](https://twitter.com/_chenglou) he's a react contributor and seem to focus he's work on animations:\r\n\r\n- https://gist.github.com/chenglou/40b75d820123a9ed53d8\r\n- https://medium.com/@chenglou/react-motion-and-animated-4b3edf671cba"}}