"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "docs/get-started/browse-stories.md" between
storybook-6.5.11.tar.gz and storybook-6.5.12.tar.gz

About: Storybook is a JavaScript tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation.

browse-stories.md  (storybook-6.5.11):browse-stories.md  (storybook-6.5.12)
skipping to change at line 76 skipping to change at line 76
<video autoPlay muted playsInline loop> <video autoPlay muted playsInline loop>
<source <source
src="addons-walkthrough-optimized.mp4" src="addons-walkthrough-optimized.mp4"
type="video/mp4" type="video/mp4"
/> />
</video> </video>
Storybook is extensible. Our rich ecosystem of addons helps you test, document, and optimize your stories. You can also create an addon to satisfy your workflow requirements. Read more in the [addons section](../addons/introduction.md). Storybook is extensible. Our rich ecosystem of addons helps you test, document, and optimize your stories. You can also create an addon to satisfy your workflow requirements. Read more in the [addons section](../addons/introduction.md).
In the next chapter, we'll get your components rendering in Storybook so you can use it to supercharge component development. In the next chapter, we'll get your components rendering in Storybook so you can use it to supercharge component development.
## Use stories to build UIs
When building apps, one of the biggest challenges is to figure out if a piece of
UI already exists in your codebase and how to use it for the new feature you're
building.
Storybook catalogues all your components and their use cases. Therefore, you can
quickly browse it to find what you're looking for.
Here's what the workflow looks like:
- 🗃 Use the sidebar to find a suitable component
- 👀 Review its stories to pick a variant that suits your needs
- 📝 Copy/paste the story definition into your app code and wire it up to data
You can access the story definition from the stories file or make it available i
n your published Storybook using the [Storysource addon](https://storybook.js.or
g/addons/@storybook/addon-storysource/) or the [Docs addon](../writing-docs/doc-
block-source).
![Docs blocks with source](../writing-docs/docblock-source.png)
 End of changes. 1 change blocks. 
0 lines changed or deleted 0 lines changed or added

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)