{"action":"opened","issue":{"url":"https://api.github.com/repos/TTUSDC/CPCEEDWebApp/issues/7","repository_url":"https://api.github.com/repos/TTUSDC/CPCEEDWebApp","labels_url":"https://api.github.com/repos/TTUSDC/CPCEEDWebApp/issues/7/labels{/name}","comments_url":"https://api.github.com/repos/TTUSDC/CPCEEDWebApp/issues/7/comments","events_url":"https://api.github.com/repos/TTUSDC/CPCEEDWebApp/issues/7/events","html_url":"https://github.com/TTUSDC/CPCEEDWebApp/issues/7","id":190141240,"number":7,"title":"Choosing a UI Framework","user":{"login":"NilsG-S","id":15682401,"avatar_url":"https://avatars.githubusercontent.com/u/15682401?v=3","gravatar_id":"","url":"https://api.github.com/users/NilsG-S","html_url":"https://github.com/NilsG-S","followers_url":"https://api.github.com/users/NilsG-S/followers","following_url":"https://api.github.com/users/NilsG-S/following{/other_user}","gists_url":"https://api.github.com/users/NilsG-S/gists{/gist_id}","starred_url":"https://api.github.com/users/NilsG-S/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/NilsG-S/subscriptions","organizations_url":"https://api.github.com/users/NilsG-S/orgs","repos_url":"https://api.github.com/users/NilsG-S/repos","events_url":"https://api.github.com/users/NilsG-S/events{/privacy}","received_events_url":"https://api.github.com/users/NilsG-S/received_events","type":"User","site_admin":false},"labels":[{"id":461545525,"url":"https://api.github.com/repos/TTUSDC/CPCEEDWebApp/labels/bug","name":"bug","color":"EE3F46","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-11-17T19:31:11Z","updated_at":"2016-11-17T19:31:11Z","closed_at":null,"body":"The consensus on how to style the app was that Material Design is the best way to go. Since it would be way too much work to build our own Material Design library from scratch, we need to pick one that works for us. Here are several that I've found:\r\n\r\n- React Toolbox - http://react-toolbox.com/#/\r\n- Material-UI - http://www.material-ui.com/#/\r\n- Essence - http://getessence.io/\r\n- React-MDL - https://react-mdl.github.io/react-mdl/\r\n\r\nMost of the research I've done has been on the first two, which seem to be among the most popular and fully featured. I'm currently leaning towards React Toolbox over Material-UI due to some issues that people have with the latter. The issues are as follows:\r\n\r\n- It is slow, particularly on mobile\r\n- Styles are in-line\r\n\r\nHere are the resources I used to come to this conclusion:\r\n\r\n- https://www.reddit.com/r/reactjs/comments/4fd4ro/materialui_vs_reacttoolbox_and_why/\r\n- https://github.com/mattkrick/meatier/issues/108\r\n- https://discuss.reactjs.org/t/best-ui-library-for-react/2953/25\r\n\r\nMeanwhile, React Toolbox uses Sass, CSS Modules, and Webpack, which the project is already using.\r\n"}}
{"actor":{"display_login":"NilsG-S"}}