Storybook & Atomic Design - 1.4. - Our Global Application Wrapper
Full course lesson post - https://whatjackhasmade.co.uk/storybo...
GitHub Project Repository - https://github.com/whatjackhasmade/st...
Why would we need a global wrapper?
In our application, we will need a number of high-order, parent components which will pass down global props and information relevant to our application styles, logic and data.
You will find this a critical part of your setup if you rely on a ThemeProvider, ApolloProvider or global state store provider.
Fortunately Storybook makes this possible with the availability of a addDecorator function which is available to React Storybook environments.
By using this function within our config.js file, we can add a global component to all of our stories.