React-Redux and the Provider Pattern

Left: Explicitly passing down the theme object to relevant nodes via props. Right: Nodes accessing the theme object, implicitly made available via the context.
<Provider store={store}>
<App />
</Provider>
const connect = Component => class extends React.Component {
constructor(props, context) {
super(props, context);
const { store } = context;
// do everything related to store subscriptions, etc, here.
}
render() {
return // refer actual code on github :)
// https://github.com/reduxjs/react-redux/blob/master/src/components/connectAdvanced.js
}
}

--

--

Dev is love. Dev is life.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store