Styleguidist

Storybook provides a sandbox to build UIs in isolation so you can develop hard-to-reach states and edge cases. Implement components and pages without needing to fuss with data, APIs, or business logic. Render components in key states that are tricky to reproduce in an app. Save use cases as stories in plain JavaScript to revisit during development, testing, and QA. Use addons to customize your workflow, automate testing, and integrate with your favorite tools. Stories are a pragmatic, reproducible way to keep track of UI edge cases. Write stories once then reuse them to power automated tests. Whenever you write a story you get a handy test case. Quickly browse stories to make sure your UI looks right. Pinpoint UI changes down to the pixel by comparing image snapshots of stories. Reuse stories in your unit tests to confirm nuanced functionality. Stories show how UIs actually work not just how they're supposed to work. That makes gathering feedback and reproductions easy.

Semantic UI React is the official React integration for Semantic UI. jQuery-free, declarative API, augmentation, shorthand props, sub-components, auto controlled state. jQuery is a DOM manipulation library. It reads from and writes to the DOM. React uses a virtual DOM (a JavaScript representation of the real DOM). React only writes patch updates to the DOM, but never reads from it. It is not feasible to keep real DOM manipulations in sync with React's virtual DOM. Because of this, all jQuery functionality has been re-implemented in React. Control the rendered HTML tag, or render one component as another component. Extra props are passed to the component you are rendering as. Augmentation is powerful. You can compose component features and props without adding extra nested components. Shorthand props generate markup for you, making many use cases a breeze. All object props are spread on the child components.