{"action":"created","issue":{"url":"https://api.github.com/repos/staltz/cycle-onionify/issues/7","repository_url":"https://api.github.com/repos/staltz/cycle-onionify","labels_url":"https://api.github.com/repos/staltz/cycle-onionify/issues/7/labels{/name}","comments_url":"https://api.github.com/repos/staltz/cycle-onionify/issues/7/comments","events_url":"https://api.github.com/repos/staltz/cycle-onionify/issues/7/events","html_url":"https://github.com/staltz/cycle-onionify/issues/7","id":186105378,"number":7,"title":"How to share state between sibling components","user":{"login":"Hypnosphi","id":6651625,"avatar_url":"https://avatars.githubusercontent.com/u/6651625?v=3","gravatar_id":"","url":"https://api.github.com/users/Hypnosphi","html_url":"https://github.com/Hypnosphi","followers_url":"https://api.github.com/users/Hypnosphi/followers","following_url":"https://api.github.com/users/Hypnosphi/following{/other_user}","gists_url":"https://api.github.com/users/Hypnosphi/gists{/gist_id}","starred_url":"https://api.github.com/users/Hypnosphi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Hypnosphi/subscriptions","organizations_url":"https://api.github.com/users/Hypnosphi/orgs","repos_url":"https://api.github.com/users/Hypnosphi/repos","events_url":"https://api.github.com/users/Hypnosphi/events{/privacy}","received_events_url":"https://api.github.com/users/Hypnosphi/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":11,"created_at":"2016-10-29T22:45:35Z","updated_at":"2016-10-31T10:14:12Z","closed_at":null,"body":"Say I have an online store, and I want to make a price range selector with a double slider and two inputs for setting exact range limits, like so:\n\n```\n0.....|_______|......1000\n\n ---------      ----------\n| 250     |    |   700    |\n ---------      ----------\n```\n\nSo the container `RangePicker` component may have three children: `Slider`, `From`, and `To`. The state of `RangePicker` is defined by two integers: `{from: 250, to: 700}`. It's easy to pass them to the inputs: just isolate by `from` and `to` correspondingly. But how do I access those values from `Slider` component, if I still want to isolate its `DOM` sink?\n"},"comment":{"url":"https://api.github.com/repos/staltz/cycle-onionify/issues/comments/257257482","html_url":"https://github.com/staltz/cycle-onionify/issues/7#issuecomment-257257482","issue_url":"https://api.github.com/repos/staltz/cycle-onionify/issues/7","id":257257482,"user":{"login":"mspoulsen","id":10956790,"avatar_url":"https://avatars.githubusercontent.com/u/10956790?v=3","gravatar_id":"","url":"https://api.github.com/users/mspoulsen","html_url":"https://github.com/mspoulsen","followers_url":"https://api.github.com/users/mspoulsen/followers","following_url":"https://api.github.com/users/mspoulsen/following{/other_user}","gists_url":"https://api.github.com/users/mspoulsen/gists{/gist_id}","starred_url":"https://api.github.com/users/mspoulsen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mspoulsen/subscriptions","organizations_url":"https://api.github.com/users/mspoulsen/orgs","repos_url":"https://api.github.com/users/mspoulsen/repos","events_url":"https://api.github.com/users/mspoulsen/events{/privacy}","received_events_url":"https://api.github.com/users/mspoulsen/received_events","type":"User","site_admin":false},"created_at":"2016-10-31T10:14:12Z","updated_at":"2016-10-31T10:14:12Z","body":"Ok, so I map state and pass that into Double. That was the pattern I was unsure about. In my real app Double will have reducers, but I will try this first and see where that gets me. Thanks a lot! :)"}}
{"actor":{"display_login":"mspoulsen"}}