le0nik / gatsby-plugin-react-redux Goto Github PK
View Code? Open in Web Editor NEWGatsby plugin for React-Redux with built-in server-side rendering support
License: MIT License
Gatsby plugin for React-Redux with built-in server-side rendering support
License: MIT License
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!
High | Remote Code Execution |
---|---|
Package | serialize-javascript |
Patched in | >=3.1.0 |
Dependency of | gatsby-plugin-react-redux |
Path | gatsby-plugin-react-redux > serialize-javascript |
More info | https://npmjs.com/advisories/1548 |
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.