[1.0] Use Redux for managing Gatsby's internal server state

[KyleAMathews]

I've been prototyping using Redux for managing Gatsby's internal server/cli state to replace the somewhat ad-hoc data management code.

I needed to refactor this code anyways to get data hot reloading working (#1 requested feature for people experimenting with Gatsby v1) and figured I'd try this out.

I'm about 1/2 way through ripping out the old code and replacing it with Redux but I've very positive about the direction. The data flows are much simpler, much more testable, and it's suggesting very positive changes to a few Gatsby APIs.

And the nice thing about Redux is since the community is huge, like with GraphQL, we'll get freebies by adopting Redux.

E.g. built-in devtools support.

This screenshot is the Redux devtools looking at an action from my Gatsby blog where I opened a markdown file, made a small change, and saved it and this is the resulting state diff.

In addition to the nice code improvements plus our now built-in supercharged debugger, using Redux will make Gatsby's code base feel very approachable to many of its users who will have experience using Redux on client-side apps.

[jthiesse]

Would the GraphQL plugins populate the store and the components receive data via react-redux or would GraphQL data continue to be part of each component?

[KyleAMathews]

@jthiesse redux is only being used on the server piece not in the browser. It'll be invisible to users unless you're working on core code or some types of plugins.

[RohovDmytro]

Check redux-query lib — it's so awesome.

https://github.com/amplitude/redux-query

[KyleAMathews]

PR is up! Would love some reviews from people more familiar with Redux #788

[danielo515]

Why don't you want to include redux as part of the generated app? There are situations where it makes a lot of sense

[KyleAMathews]

@danielo515 you're free to add Redux if it's needed for your site... why would we want to always include it?

[danielo515]

Dear @KyleAMathews,

I'm not talking about including it always. I'm talking about providing an easy way to include it ( like activation) . For example , Nuxt does not include Vuex by default, but if you create an index.js file at the store directory then Vuex is included automatically, and injected to the components .
Does that make sense .

[KyleAMathews]

Ah gotcha! Yeah, that would be cool. This would be perfect for a Gatsby v1 plugin https://www.gatsbyjs.org/docs/plugins/

[danielo515]

Nice to hear that ! Are you going to open an specific issue for that ? I would like to subscribe to it

[KyleAMathews]

It's not something I'm going to work on anytime soon but this would be an excellent community plugin to get going! If you want to take it on, open an issue and I can point out the APIs you need and help with any roadblocks you hit.

…

On Tue, Apr 11, 2017, 11:34 AM Daniel Rodríguez Rivero < ***@***.***> wrote: Nice to hear that ! Are you going to open an specific issue for that ? I would like to subscribe to it — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#777 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAEVhxNij7ukFhr4wZ4iJzsfdKWbCOcAks5ru8fBgaJpZM4MyW-D> .

[KyleAMathews]

This is now merged