A bare minimum Redux integration

[koistya]

Next steps

• Register your application store reducers in core/createStore.js
• Decorate your React components that need to read data from the store with connect(..) middleware from the react-redux package

For more information visit

• http://redux.js.org/docs/basics/UsageWithReact
• http://redux.js.org/docs/recipes/ServerRendering
• https://medium.com/horrible-hacks/things-i-wish-i-knew-about-redux-9924abf2f9e0

How to Merge

git checkout -b redux master
git pull https://github.com/koistya/react-starter-kit.git redux
git checkout master
git merge redux

Ref #753, #738, #612, #173.

[joshuamanns]

This should be the default setup for RSK, in my opinion. Passing data from server to client feels sloppy without at least a minimum redux store such as this.

[jwhchambers]

Hi @koistya, thanks for all the hard work on this project! I have a quick question regarding this PR. In the react-intl branch, the initial state is assigned using the following:

        {script && (
          <script
            id="source"
            src={script}
            data-initial-state={JSON.stringify(state)}
          />
        )}

However, in this PR, you serialize it instead of stringify:

        {state && <script
          dangerouslySetInnerHTML={{
            __html: `window.APP_STATE=${serialize(state, { isJSON: true })}`,
          }}
        />}
        {script && <script src={script} />}

Then both methods fetch it in client.js. I can see how both work, I was just wondering if there is a preferred approach and what the pros/cons are? Many thanks!

[amilajack]

This would be great. @koistya what is the status of this?

[koistya]

@jwhchambers deserializing data from a data- attribute on the client might be an expensive operation, on the other hand, if you embed data inside the <script> tag, you need to make sure that you don't expose XSS vulnerability.

[langpavel]

I just Integrated this PR into feature/redux and feature/react-intl

[ulani]

@koistya thank you very much for this PR! Unfortunately, we have close it due to inactivity. Feel free to re-open it or join our Discord channel for discussion.

NOTE: The main branch has been updated with React Starter Kit v2, using JAM-style architecture.