(#1736) Adds Ability to re-render a story programatically in react

Also adds support for redux DevTools in react/client
storybookjs · Dec 11, 2017 · 98fa5cd · 98fa5cd
1 parent cb262d4
commit 98fa5cd
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/app/react/src/client/index.js b/app/react/src/client/index.js
@@ -4,7 +4,14 @@ import deprecate from 'util-deprecate';
 import { action as deprecatedAction } from '@storybook/addon-actions';
 import { linkTo as deprecatedLinkTo } from '@storybook/addon-links';
 
-export { storiesOf, setAddon, addDecorator, configure, getStorybook } from './preview';
+export {
+  storiesOf,
+  setAddon,
+  addDecorator,
+  configure,
+  getStorybook,
+  forceReRender,
+} from './preview';
 
 export const action = deprecate(
   deprecatedAction,

diff --git a/app/react/src/client/preview/index.js b/app/react/src/client/preview/index.js
@@ -20,7 +20,13 @@ const isBrowser =
   !(navigator.userAgent.indexOf('Node.js') > -1);
 
 const storyStore = new StoryStore();
-const reduxStore = createStore(reducer);
+/* eslint-disable no-underscore-dangle */
+const reduxStore = createStore(
+  reducer,
+  window.__REDUX_DEVTOOLS_EXTENSION__ &&
+    window.__REDUX_DEVTOOLS_EXTENSION__({ name: 'Storybook Preview', instanceId: 'sbPreview' })
+);
+/* eslint-enable */
 const context = { storyStore, reduxStore };
 
 if (isBrowser) {
@@ -53,3 +59,5 @@ const renderUI = () => {
 };
 
 reduxStore.subscribe(renderUI);
+
+export const forceReRender = () => renderUI();