{"action":"closed","issue":{"url":"https://api.github.com/repos/TechnologyAdvice/stardust/issues/308","repository_url":"https://api.github.com/repos/TechnologyAdvice/stardust","labels_url":"https://api.github.com/repos/TechnologyAdvice/stardust/issues/308/labels{/name}","comments_url":"https://api.github.com/repos/TechnologyAdvice/stardust/issues/308/comments","events_url":"https://api.github.com/repos/TechnologyAdvice/stardust/issues/308/events","html_url":"https://github.com/TechnologyAdvice/stardust/issues/308","id":162695397,"number":308,"title":"Introducing Semantic-UI-React-Storybook","user":{"login":"Maxhodges","id":957271,"avatar_url":"https://avatars.githubusercontent.com/u/957271?v=3","gravatar_id":"","url":"https://api.github.com/users/Maxhodges","html_url":"https://github.com/Maxhodges","followers_url":"https://api.github.com/users/Maxhodges/followers","following_url":"https://api.github.com/users/Maxhodges/following{/other_user}","gists_url":"https://api.github.com/users/Maxhodges/gists{/gist_id}","starred_url":"https://api.github.com/users/Maxhodges/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Maxhodges/subscriptions","organizations_url":"https://api.github.com/users/Maxhodges/orgs","repos_url":"https://api.github.com/users/Maxhodges/repos","events_url":"https://api.github.com/users/Maxhodges/events{/privacy}","received_events_url":"https://api.github.com/users/Maxhodges/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-06-28T14:10:12Z","updated_at":"2016-06-28T17:07:44Z","closed_at":"2016-06-28T17:07:44Z","body":"@levithomason @jlukic We've had to make a Semantic-UI **dark theme** for a new application we're making, and we've been developing and testing our React components with [react-storybook](https://github.com/kadirahq/react-storybook), a wonderful tool that lets you develop and design React UI components without running your app. You just load your UI components into the React Storybook and start developing them. Thanks to hot reloading, we can design and iterate UI very quickly. \r\n\r\n![screenflow](https://cloud.githubusercontent.com/assets/957271/16417506/203b1a70-3d81-11e6-9cad-e16623c31d00.gif)\r\n\r\nYou can even deploy the whole storybook as a [static app](https://white-rabbit-japan.github.io/Semantic-UI-React-Storybook/).\r\n\r\nWe're excited about stardust, but don't really see the point in writing React wrappers around the SUI modules which require jquery and semantic's javascript. Since you want to be jquery free eventually, why not start from the ground up? \r\n\r\nWe needed a progres bar for our SUI dark theme, but we wanted to avoid adding jquery so we made our own jquery-less Semantic-UI [React Progress bar](https://github.com/white-rabbit-japan/Semantic-UI-React-Storybook/tree/master/components/Progress). We haven't added some of the behaviors yet, as they weren't needed. Some of the other things we needed, like the sidebar component, we were able to use other React components as a substitute.\r\n\r\nWe think Storybook would help you develop your components faster (it's certainly helped us), so we created a project with stories for our Progress bar component and added stories for the *stardust Button component* too. We think you should consider incorporating storybook in your project as a replacement for your docs guide. I think if you clone our repo and develop a component with it, you'll quickly see how it can accelerate the development process. If you add it to your repo I can help with migrating the stories of rest of your SUI components. Let us know if you have any questions.\r\n\r\n## Semantic-UI-React-Storybook\r\nhttps://github.com/white-rabbit-japan/Semantic-UI-React-Storybook\r\n\r\n![sui](https://cloud.githubusercontent.com/assets/957271/16418740/176b6d50-3d86-11e6-985b-1d61e5f6b731.gif)\r\n\r\n\r\nWe're hosting the storybook as a static site here on Github pages\r\nhttps://white-rabbit-japan.github.io/Semantic-UI-React-Storybook/\r\n\r\n\r\n\r\n"}}
{"actor":{"display_login":"levithomason"}}