{"action":"created","issue":{"url":"https://api.github.com/repos/excellenteasy/react-tile/issues/1","labels_url":"https://api.github.com/repos/excellenteasy/react-tile/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/excellenteasy/react-tile/issues/1/comments","events_url":"https://api.github.com/repos/excellenteasy/react-tile/issues/1/events","html_url":"https://github.com/excellenteasy/react-tile/issues/1","id":58182433,"number":1,"title":"Roadmap for react-tile","user":{"login":"davidpfahler","id":908242,"avatar_url":"https://avatars.githubusercontent.com/u/908242?v=3","gravatar_id":"","url":"https://api.github.com/users/davidpfahler","html_url":"https://github.com/davidpfahler","followers_url":"https://api.github.com/users/davidpfahler/followers","following_url":"https://api.github.com/users/davidpfahler/following{/other_user}","gists_url":"https://api.github.com/users/davidpfahler/gists{/gist_id}","starred_url":"https://api.github.com/users/davidpfahler/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/davidpfahler/subscriptions","organizations_url":"https://api.github.com/users/davidpfahler/orgs","repos_url":"https://api.github.com/users/davidpfahler/repos","events_url":"https://api.github.com/users/davidpfahler/events{/privacy}","received_events_url":"https://api.github.com/users/davidpfahler/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-02-19T09:03:42Z","updated_at":"2015-02-19T15:04:32Z","closed_at":null,"body":"The idea here is to create a tile component that can render multiple types of content. That includes text, images, but also combine the two (i.e. background images). It should also allow for an icon overlay that indicates the type of content the tile stands for (play icon for a youtube video, photo icon for an instagram image etc.). It should automatically fit text to a useful font-size and cut text with ellipsis that is too long.\r\n\r\n# Steps\r\nInspiration: [Thinking in React](http://facebook.github.io/react/docs/thinking-in-react.html)\r\n* [ ] start with a mock (post here)\r\n* [ ] break the UI into a component hierarchy and post it here\r\n* [ ] Write Dreamcode in README.md and push to feature branch\r\n* [ ] Write unit tests and push to feature branch\r\n* [ ] Make sure, tests are failing\r\n* [ ] Build a static version in React and push to feature branch\r\n* [ ] Identify the minimal (but complete) representation of UI state, if any (post here)\r\n* [ ] if the component has state, some tests should be passing, not all; write more test or rewrite if needed\r\n* [ ] Identify where your state should live, if any\r\n* [ ] Add inverse data flow - almost certainly not needed, but for sake of completeness"},"comment":{"url":"https://api.github.com/repos/excellenteasy/react-tile/issues/comments/75066471","html_url":"https://github.com/excellenteasy/react-tile/issues/1#issuecomment-75066471","issue_url":"https://api.github.com/repos/excellenteasy/react-tile/issues/1","id":75066471,"user":{"login":"davidpfahler","id":908242,"avatar_url":"https://avatars.githubusercontent.com/u/908242?v=3","gravatar_id":"","url":"https://api.github.com/users/davidpfahler","html_url":"https://github.com/davidpfahler","followers_url":"https://api.github.com/users/davidpfahler/followers","following_url":"https://api.github.com/users/davidpfahler/following{/other_user}","gists_url":"https://api.github.com/users/davidpfahler/gists{/gist_id}","starred_url":"https://api.github.com/users/davidpfahler/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/davidpfahler/subscriptions","organizations_url":"https://api.github.com/users/davidpfahler/orgs","repos_url":"https://api.github.com/users/davidpfahler/repos","events_url":"https://api.github.com/users/davidpfahler/events{/privacy}","received_events_url":"https://api.github.com/users/davidpfahler/received_events","type":"User","site_admin":false},"created_at":"2015-02-19T15:04:31Z","updated_at":"2015-02-19T15:04:31Z","body":"# Start with a mock\r\n![mock-tile](https://cloud.githubusercontent.com/assets/908242/6269012/f820ccb2-b850-11e4-8dfc-c532f86742a1.png)"}}