{"action":"created","issue":{"url":"https://api.github.com/repos/slmgc/react-hint/issues/27","repository_url":"https://api.github.com/repos/slmgc/react-hint","labels_url":"https://api.github.com/repos/slmgc/react-hint/issues/27/labels{/name}","comments_url":"https://api.github.com/repos/slmgc/react-hint/issues/27/comments","events_url":"https://api.github.com/repos/slmgc/react-hint/issues/27/events","html_url":"https://github.com/slmgc/react-hint/issues/27","id":339512223,"node_id":"MDU6SXNzdWUzMzk1MTIyMjM=","number":27,"title":"Demo usage is confusing / not explained","user":{"login":"vivaldus","id":39011732,"node_id":"MDQ6VXNlcjM5MDExNzMy","avatar_url":"https://avatars0.githubusercontent.com/u/39011732?v=4","gravatar_id":"","url":"https://api.github.com/users/vivaldus","html_url":"https://github.com/vivaldus","followers_url":"https://api.github.com/users/vivaldus/followers","following_url":"https://api.github.com/users/vivaldus/following{/other_user}","gists_url":"https://api.github.com/users/vivaldus/gists{/gist_id}","starred_url":"https://api.github.com/users/vivaldus/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vivaldus/subscriptions","organizations_url":"https://api.github.com/users/vivaldus/orgs","repos_url":"https://api.github.com/users/vivaldus/repos","events_url":"https://api.github.com/users/vivaldus/events{/privacy}","received_events_url":"https://api.github.com/users/vivaldus/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-07-09T16:02:40Z","updated_at":"2018-07-10T02:43:41Z","closed_at":null,"author_association":"NONE","body":"The working demo looks promising, but I gave up almost instantly trying to implement this library for the following reasons:\r\n\r\n1. No explanation given at all for why there are two declarations of <ReactHint /> given one after the other. Why -- I ask myself -- don't you just move props `autoPosition events delay={100}` from first to second (and get rid of first)? I'm sure there's a reason that's clear to the architect, but it's not intuitive or explained. \r\n\r\n```js\r\n    <ReactHint autoPosition events delay={100} />\r\n\t\t\t<ReactHint persist\r\n\t\t\t\tattribute=\"data-custom\"\r\n\t\t\t\tclassName=\"custom-hint\"\r\n\t\t\t\tevents={{click: true}}\r\n\t\t\t\tonRenderContent={this.onRenderContent}\r\n\t\t\t\tref={(ref) => this.instance = ref} />\r\n``` \r\n\r\n2. What is `this.instance`? There is no such property given in the component"},"comment":{"url":"https://api.github.com/repos/slmgc/react-hint/issues/comments/403681674","html_url":"https://github.com/slmgc/react-hint/issues/27#issuecomment-403681674","issue_url":"https://api.github.com/repos/slmgc/react-hint/issues/27","id":403681674,"node_id":"MDEyOklzc3VlQ29tbWVudDQwMzY4MTY3NA==","user":{"login":"slmgc","id":5236786,"node_id":"MDQ6VXNlcjUyMzY3ODY=","avatar_url":"https://avatars1.githubusercontent.com/u/5236786?v=4","gravatar_id":"","url":"https://api.github.com/users/slmgc","html_url":"https://github.com/slmgc","followers_url":"https://api.github.com/users/slmgc/followers","following_url":"https://api.github.com/users/slmgc/following{/other_user}","gists_url":"https://api.github.com/users/slmgc/gists{/gist_id}","starred_url":"https://api.github.com/users/slmgc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/slmgc/subscriptions","organizations_url":"https://api.github.com/users/slmgc/orgs","repos_url":"https://api.github.com/users/slmgc/repos","events_url":"https://api.github.com/users/slmgc/events{/privacy}","received_events_url":"https://api.github.com/users/slmgc/received_events","type":"User","site_admin":false},"created_at":"2018-07-10T02:43:41Z","updated_at":"2018-07-10T02:43:41Z","author_association":"OWNER","body":"Hi! Thanks for your feedback! I agree the documentation requires some love and improvement. For a detailed explanation, I advise you to check this issue: https://github.com/slmgc/react-hint/issues/13. `this.instance` is not part of API, it's just a property of a component which holds a reference to a custom tooltip, I can read about them here: https://reactjs.org/docs/refs-and-the-dom.html#callback-refs.\r\nHope this helps!"}}
{"actor":{"display_login":"slmgc"}}