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