- Pages in Storybook
-
- We recommend building UIs with a{' '}
-
- component-driven
- {' '}
- process starting with atomic components and ending with pages.
-
-
- Render pages with mock data. This makes it easy to build and review
- page states without needing to navigate to them in your app. Here are
- some handy patterns for managing page data in Storybook:
-
-
- -
- Use a higher-level connected component. Storybook helps you compose
- such data from the of child component stories
-
- -
- Assemble data in the page component from your services. You can mock
- these services out using Storybook.
-
-
-
- Get a guided tutorial on component-driven development at{' '}
-
- Storybook tutorials
-
- . Read more in the{' '}
-
- docs
-
- .
-
-
-
Tip Adjust the width of the canvas with
- the{' '}
-
- Viewports addon in the toolbar
-
-
-