{"action":"created","issue":{"url":"https://api.github.com/repos/leeoniya/domvm/issues/32","repository_url":"https://api.github.com/repos/leeoniya/domvm","labels_url":"https://api.github.com/repos/leeoniya/domvm/issues/32/labels{/name}","comments_url":"https://api.github.com/repos/leeoniya/domvm/issues/32/comments","events_url":"https://api.github.com/repos/leeoniya/domvm/issues/32/events","html_url":"https://github.com/leeoniya/domvm/issues/32","id":141303722,"number":32,"title":"in/out animations","user":{"login":"iamjohnlong","id":306104,"avatar_url":"https://avatars.githubusercontent.com/u/306104?v=3","gravatar_id":"","url":"https://api.github.com/users/iamjohnlong","html_url":"https://github.com/iamjohnlong","followers_url":"https://api.github.com/users/iamjohnlong/followers","following_url":"https://api.github.com/users/iamjohnlong/following{/other_user}","gists_url":"https://api.github.com/users/iamjohnlong/gists{/gist_id}","starred_url":"https://api.github.com/users/iamjohnlong/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/iamjohnlong/subscriptions","organizations_url":"https://api.github.com/users/iamjohnlong/orgs","repos_url":"https://api.github.com/users/iamjohnlong/repos","events_url":"https://api.github.com/users/iamjohnlong/events{/privacy}","received_events_url":"https://api.github.com/users/iamjohnlong/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/leeoniya/domvm/labels/question","name":"question","color":"cc317c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":20,"created_at":"2016-03-16T15:09:49Z","updated_at":"2016-04-04T01:59:24Z","closed_at":null,"body":"Do you have any examples of in and out animations using hooks? Such as an image slider that cycles through an array? I'm playing with the hooks for in and out animations and I'm having trouble wrapping my head around it. \r\n\r\nHere is what I have so far. http://jsfiddle.net/75m4k6b0/1/"},"comment":{"url":"https://api.github.com/repos/leeoniya/domvm/issues/comments/205102573","html_url":"https://github.com/leeoniya/domvm/issues/32#issuecomment-205102573","issue_url":"https://api.github.com/repos/leeoniya/domvm/issues/32","id":205102573,"user":{"login":"leeoniya","id":43234,"avatar_url":"https://avatars.githubusercontent.com/u/43234?v=3","gravatar_id":"","url":"https://api.github.com/users/leeoniya","html_url":"https://github.com/leeoniya","followers_url":"https://api.github.com/users/leeoniya/followers","following_url":"https://api.github.com/users/leeoniya/following{/other_user}","gists_url":"https://api.github.com/users/leeoniya/gists{/gist_id}","starred_url":"https://api.github.com/users/leeoniya/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/leeoniya/subscriptions","organizations_url":"https://api.github.com/users/leeoniya/orgs","repos_url":"https://api.github.com/users/leeoniya/repos","events_url":"https://api.github.com/users/leeoniya/events{/privacy}","received_events_url":"https://api.github.com/users/leeoniya/received_events","type":"User","site_admin":false},"created_at":"2016-04-04T01:59:24Z","updated_at":"2016-04-04T01:59:24Z","body":"you guys should check out the updated lifecycle hooks demo [1].\r\n\r\nit now uses idiomatic `vm.patch()` and new `u.tick()`, which is a huge improvement over the previous ad-hoc `requestAnimationFrame` and `el.classList` manip [2].\r\n\r\ni kinda opened up a can of refactoring worms by saying \"let's just quickly rewrite the hooks demo using `vm.patch`\". it uncovered a bunch of roughness in the expected liveness state of the dom when each hook fired. the final api, however, functions exactly as needed with the upcoming stacked modal widget, so i'm pretty happy about it. think there was also a bit of a perf gain to boot.\r\n\r\n[1] https://github.com/leeoniya/domvm/blob/master/demos/lifecycle-hooks.html\r\n[2] https://github.com/leeoniya/domvm/blob/0727bff08aa84103bf6f4697c454cac5af8048d5/demos/lifecycle-hooks.html"}}