{"action":"created","issue":{"url":"https://api.github.com/repos/Yomguithereal/react-blessed/issues/34","labels_url":"https://api.github.com/repos/Yomguithereal/react-blessed/issues/34/labels{/name}","comments_url":"https://api.github.com/repos/Yomguithereal/react-blessed/issues/34/comments","events_url":"https://api.github.com/repos/Yomguithereal/react-blessed/issues/34/events","html_url":"https://github.com/Yomguithereal/react-blessed/issues/34","id":122172520,"number":34,"title":"Proposal: <screen /> root component","user":{"login":"iamdustan","id":227879,"avatar_url":"https://avatars.githubusercontent.com/u/227879?v=3","gravatar_id":"","url":"https://api.github.com/users/iamdustan","html_url":"https://github.com/iamdustan","followers_url":"https://api.github.com/users/iamdustan/followers","following_url":"https://api.github.com/users/iamdustan/following{/other_user}","gists_url":"https://api.github.com/users/iamdustan/gists{/gist_id}","starred_url":"https://api.github.com/users/iamdustan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/iamdustan/subscriptions","organizations_url":"https://api.github.com/users/iamdustan/orgs","repos_url":"https://api.github.com/users/iamdustan/repos","events_url":"https://api.github.com/users/iamdustan/events{/privacy}","received_events_url":"https://api.github.com/users/iamdustan/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Yomguithereal/react-blessed/labels/question","name":"question","color":"cc317c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2015-12-15T01:40:56Z","updated_at":"2015-12-19T12:15:00Z","closed_at":null,"body":"This is just a quick proposal to change the current render/mount syntax.\r\n\r\nThe motivation is to remove the need to require both `react-blessed` and `blessed` and let `react-blessed` manage both.\r\n\r\n```jsx\r\nimport {Screen, render} from 'react-blessed';\r\n\r\nconst App = () => (\r\n  <Screen\r\n    autoPadding={true}\r\n    smartCSR={true}\r\n    title=\"react-blessed hello world\"\r\n  >\r\n    <box top=\"center\"\r\n         left=\"center\"\r\n         width=\"50%\"\r\n         height=\"50%\"\r\n         border={{type: 'line'}}\r\n         style={{border: {fg: 'blue'}}}>\r\n      Hello World!\r\n    </box>\r\n  </Screen>\r\n);\r\n\r\nrender(<App />);\r\n```\r\n"},"comment":{"url":"https://api.github.com/repos/Yomguithereal/react-blessed/issues/comments/165980999","html_url":"https://github.com/Yomguithereal/react-blessed/issues/34#issuecomment-165980999","issue_url":"https://api.github.com/repos/Yomguithereal/react-blessed/issues/34","id":165980999,"user":{"login":"Yomguithereal","id":2571951,"avatar_url":"https://avatars.githubusercontent.com/u/2571951?v=3","gravatar_id":"","url":"https://api.github.com/users/Yomguithereal","html_url":"https://github.com/Yomguithereal","followers_url":"https://api.github.com/users/Yomguithereal/followers","following_url":"https://api.github.com/users/Yomguithereal/following{/other_user}","gists_url":"https://api.github.com/users/Yomguithereal/gists{/gist_id}","starred_url":"https://api.github.com/users/Yomguithereal/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Yomguithereal/subscriptions","organizations_url":"https://api.github.com/users/Yomguithereal/orgs","repos_url":"https://api.github.com/users/Yomguithereal/repos","events_url":"https://api.github.com/users/Yomguithereal/events{/privacy}","received_events_url":"https://api.github.com/users/Yomguithereal/received_events","type":"User","site_admin":false},"created_at":"2015-12-19T12:15:00Z","updated_at":"2015-12-19T12:15:00Z","body":"The initial point was not to bind `react-blessed` to a specific version of `blessed` so I don't have to upgrade the dependencies along with `blessed` each time a minor/patch is released. Plus the idea was to let people mount an app on an already existing `blessed` app the same way you would with `react-dom`. I don't particularly see what we win by creating a `screen` component in `react-blessed`."}}