+ 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 "args" 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
+
+
+