The approach I suggest is a bit verbose but I found it to scale pretty well into complex apps. When you want to show a modal, fire an action describing which modal you’d like to see: Dispatching an Action to Show the Modal this.props.dispatch({ type: ‘SHOW_MODAL’, modalType: ‘DELETE_POST’, modalProps: { postId: 42 } }) (Strings … Read more
As Context is no longer an experimental feature and you can use Context in your application directly and it is going to be great for passing down data to deeply nested components which what it was designed for. As Mark Erikson has written in his blog: If you’re only using Redux to avoid passing down … Read more
Export the store from the module you called createStore with. Then you are assured it will both be created and will not pollute the global window space. MyStore.js const store = createStore(myReducer); export store; or const store = createStore(myReducer); export default store; MyClient.js import {store} from ‘./MyStore’ store.dispatch(…) or if you used default import store … Read more
You can post axios data by using FormData() like: var bodyFormData = new FormData(); And then add the fields to the form you want to send: bodyFormData.append(‘userName’, ‘Fred’); If you are uploading images, you may want to use .append bodyFormData.append(‘image’, imageFile); And then you can use axios post method (You can amend it accordingly) axios({ … Read more
I feel like none of the answers have crystallized why mapDispatchToProps is useful. This can really only be answered in the context of the container-component pattern, which I found best understood by first reading:Container Components then Usage with React. In a nutshell, your components are supposed to be concerned only with displaying stuff. The only … Read more
Don’t fall into the trap of thinking a library should prescribe how to do everything. If you want to do something with a timeout in JavaScript, you need to use setTimeout. There is no reason why Redux actions should be any different. Redux does offer some alternative ways of dealing with asynchronous stuff, but you … Read more