{"action":"created","issue":{"url":"https://api.github.com/repos/reactjs/react-transition-group/issues/340","repository_url":"https://api.github.com/repos/reactjs/react-transition-group","labels_url":"https://api.github.com/repos/reactjs/react-transition-group/issues/340/labels{/name}","comments_url":"https://api.github.com/repos/reactjs/react-transition-group/issues/340/comments","events_url":"https://api.github.com/repos/reactjs/react-transition-group/issues/340/events","html_url":"https://github.com/reactjs/react-transition-group/pull/340","id":324759825,"number":340,"title":"Added a delay property to the Transition component","user":{"login":"taabooone","id":37533303,"avatar_url":"https://avatars0.githubusercontent.com/u/37533303?v=4","gravatar_id":"","url":"https://api.github.com/users/taabooone","html_url":"https://github.com/taabooone","followers_url":"https://api.github.com/users/taabooone/followers","following_url":"https://api.github.com/users/taabooone/following{/other_user}","gists_url":"https://api.github.com/users/taabooone/gists{/gist_id}","starred_url":"https://api.github.com/users/taabooone/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/taabooone/subscriptions","organizations_url":"https://api.github.com/users/taabooone/orgs","repos_url":"https://api.github.com/users/taabooone/repos","events_url":"https://api.github.com/users/taabooone/events{/privacy}","received_events_url":"https://api.github.com/users/taabooone/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-05-21T01:10:06Z","updated_at":"2018-05-21T12:29:15Z","closed_at":null,"author_association":"NONE","pull_request":{"url":"https://api.github.com/repos/reactjs/react-transition-group/pulls/340","html_url":"https://github.com/reactjs/react-transition-group/pull/340","diff_url":"https://github.com/reactjs/react-transition-group/pull/340.diff","patch_url":"https://github.com/reactjs/react-transition-group/pull/340.patch"},"body":"Added a delay property to the transition component.\r\n\r\nuse case: I want to stagger the appearing/entering/exiting of components.\r\n\r\nusage: \r\n\r\n```javascript\r\n{ objects.map(( obj, idx ) => (\r\n   <Transition delay={{ \r\n      enter: 200 * idx,\r\n      exit: 100 * idx, \r\n    }} \r\n   >\r\n      {obj}\r\n   </Transition>\r\n))}\r\n```"},"comment":{"url":"https://api.github.com/repos/reactjs/react-transition-group/issues/comments/390640104","html_url":"https://github.com/reactjs/react-transition-group/pull/340#issuecomment-390640104","issue_url":"https://api.github.com/repos/reactjs/react-transition-group/issues/340","id":390640104,"user":{"login":"jquense","id":339286,"avatar_url":"https://avatars2.githubusercontent.com/u/339286?v=4","gravatar_id":"","url":"https://api.github.com/users/jquense","html_url":"https://github.com/jquense","followers_url":"https://api.github.com/users/jquense/followers","following_url":"https://api.github.com/users/jquense/following{/other_user}","gists_url":"https://api.github.com/users/jquense/gists{/gist_id}","starred_url":"https://api.github.com/users/jquense/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jquense/subscriptions","organizations_url":"https://api.github.com/users/jquense/orgs","repos_url":"https://api.github.com/users/jquense/repos","events_url":"https://api.github.com/users/jquense/events{/privacy}","received_events_url":"https://api.github.com/users/jquense/received_events","type":"User","site_admin":false},"created_at":"2018-05-21T12:29:15Z","updated_at":"2018-05-21T12:29:15Z","author_association":"COLLABORATOR","body":"hey there thanks for the PR. We've talked a bit about adding this in the past (see #78) and I believe the conclusion was that this sort of thing is better left to higher level implementations of Transition, since delays are often builtin to the animation strategy (transition or animation for instance in css). This makes it hard to successfully integrate a timeout based delay with css transitions, because of timer drift and other js implementation details.\r\n\r\nI guess the TL; DR; on this is if you are using CSSTransition this is already possible with the native delay properties."}}
{"actor":{"display_login":"jquense"}}