{"action":"created","issue":{"url":"https://api.github.com/repos/hyperapp/hyperapp/issues/720","repository_url":"https://api.github.com/repos/hyperapp/hyperapp","labels_url":"https://api.github.com/repos/hyperapp/hyperapp/issues/720/labels{/name}","comments_url":"https://api.github.com/repos/hyperapp/hyperapp/issues/720/comments","events_url":"https://api.github.com/repos/hyperapp/hyperapp/issues/720/events","html_url":"https://github.com/hyperapp/hyperapp/issues/720","id":337723679,"node_id":"MDU6SXNzdWUzMzc3MjM2Nzk=","number":720,"title":"Built-in animation support?","user":{"login":"jorgebucaran","id":56996,"node_id":"MDQ6VXNlcjU2OTk2","avatar_url":"https://avatars1.githubusercontent.com/u/56996?v=4","gravatar_id":"","url":"https://api.github.com/users/jorgebucaran","html_url":"https://github.com/jorgebucaran","followers_url":"https://api.github.com/users/jorgebucaran/followers","following_url":"https://api.github.com/users/jorgebucaran/following{/other_user}","gists_url":"https://api.github.com/users/jorgebucaran/gists{/gist_id}","starred_url":"https://api.github.com/users/jorgebucaran/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jorgebucaran/subscriptions","organizations_url":"https://api.github.com/users/jorgebucaran/orgs","repos_url":"https://api.github.com/users/jorgebucaran/repos","events_url":"https://api.github.com/users/jorgebucaran/events{/privacy}","received_events_url":"https://api.github.com/users/jorgebucaran/received_events","type":"User","site_admin":false},"labels":[{"id":522275188,"node_id":"MDU6TGFiZWw1MjIyNzUxODg=","url":"https://api.github.com/repos/hyperapp/hyperapp/labels/DISCUSSION","name":"DISCUSSION","color":"fef2c0","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-07-03T02:29:38Z","updated_at":"2018-07-03T13:56:36Z","closed_at":null,"author_association":"MEMBER","body":"With lifecycle events going away #717, what options do we have to animate elements and can Hyperapp offer declarative animation hooks out of the box to help library authors?\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/hyperapp/hyperapp/issues/comments/402166419","html_url":"https://github.com/hyperapp/hyperapp/issues/720#issuecomment-402166419","issue_url":"https://api.github.com/repos/hyperapp/hyperapp/issues/720","id":402166419,"node_id":"MDEyOklzc3VlQ29tbWVudDQwMjE2NjQxOQ==","user":{"login":"SkaterDad","id":13255599,"node_id":"MDQ6VXNlcjEzMjU1NTk5","avatar_url":"https://avatars2.githubusercontent.com/u/13255599?v=4","gravatar_id":"","url":"https://api.github.com/users/SkaterDad","html_url":"https://github.com/SkaterDad","followers_url":"https://api.github.com/users/SkaterDad/followers","following_url":"https://api.github.com/users/SkaterDad/following{/other_user}","gists_url":"https://api.github.com/users/SkaterDad/gists{/gist_id}","starred_url":"https://api.github.com/users/SkaterDad/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SkaterDad/subscriptions","organizations_url":"https://api.github.com/users/SkaterDad/orgs","repos_url":"https://api.github.com/users/SkaterDad/repos","events_url":"https://api.github.com/users/SkaterDad/events{/privacy}","received_events_url":"https://api.github.com/users/SkaterDad/received_events","type":"User","site_admin":false},"created_at":"2018-07-03T13:56:35Z","updated_at":"2018-07-03T13:56:35Z","author_association":"CONTRIBUTOR","body":"I think to pull off declarative animations, we need hooks into the patching cycle, so we can see the DOM before & after (at an arbirtrary VNode, not just the whole tree).\r\n\r\nReact has `getSnapshotBeforeUpdate` and `componentDidUpdate`, which enabled this new library to do really nice FLIP animations (albeit with somewhat complex code):  https://github.com/aholachek/react-flip-toolkit\r\n\r\nsnabbdom's \"hero\" module is another example which is enabled by exposing those before/after-patch hooks.\r\n\r\n@jorgebucaran Were you thinking of something higher-level?"}}
{"actor":{"display_login":"SkaterDad"}}