le0nik / gatsby-plugin-react-redux Goto Github PK

Hi, I was wondering if there is a way to directly import data, that is stored in the GraphQL store during build time (ssr), into the redux store that is used at runtime in the browser.

At the moment I'm using a static query to fetch the data and then put it into redux after my component did mount. It would be much nicer if I could put some initial state from GraphQL into redux when I create the store.

Hi, I'm having trouble using and understanding the gatsby "preloadedState". Here is my createStore function:

export default preloadedState => {
  return createStore(
    combinedReducers,
    preloadedState,
    composeWithDevTools(
      applyMiddleware(
        todosCustomMiddleware(),
        loginCustomMiddleware()
      )
    ),
  );
};

I would like to do this and save the "loginReducer" (being composed in composeReducers) to localstorage so that even after I refresh the web page the data is still persisted in redux:

// preloadedState will be passed in by the gatsby plugin
export default preloadedState => {
  return createStore(
    combinedReducers,
    load({ states: ['loginCustomMiddleware'], disableWarnings: true }),
    composeWithDevTools(
      applyMiddleware(
        save({ states: ['loginCustomMiddleware'] }),
        todosCustomMiddleware(),
        loginCustomMiddleware()
      )
    ),
  );
};

Also, I have this bit about gatsby-plugin-react-redux in my gatsby-config.js:

  {
      resolve: `gatsby-plugin-react-redux`,
      options: {
        // [required] - path to your createStore module
        pathToCreateStoreModule: './src/state/createStore',
        // [optional] - options passed to `serialize-javascript`
        // info: https://github.com/yahoo/serialize-javascript#options
        // will be merged with these defaults:
        serialize: {
          space: 0,
          isJSON: true,
          unsafe: false,
        },
        // [optional] - if true will clean up after itself on the client, default:
        cleanupOnClient: true,
        // [optional] - name of key on `window` where serialized state will be stored, default:
        windowKey: '__PRELOADED_STATE__',
      },
    },

I see that gatsby provides this "preloadedState" object, but I am unsure how to save things into it and if it is indeed meant to be synced with localstorage. Appreciate the help. Also, I am planning to publish list to the list of official gatsby starters to any feedback and other constructive criticism would be great.
Thanks!

Hi, I have just added this plug-in to my bilingual website. Everything is working as expected in all languages (EN, AR) when using Gatsby develop.
However; when I try Gatsby build It's always failing while trying to build static HTML for the secondary language pages which is AR in my case

ERROR #95313
Building static HTML failed for path ar/about

Appreciate the help. Thanks!

Hi, how do I update the store from within Gatsby Browser API when using this plugin?

I need to update a TOGGLE_MENU action from within onRouteUpdate