redux-thunk

Im working on a react native app using this principal dependencies: react native react native router flux react thunk expo I was working using this package.json: "dependencies": { "expo": "23.0.4", "humps": "^2.0.0", "install": "^0.10.1", "lodash": "^4.17.4", "native-base": "^2.3.5", "react": "16.0.0", "react-native": "0.50.4", "react-native-extend-indicator": "^0.1.2", "react-native-keyboard-aware-scroll-view": "^0.4.2", "react-native-maps": "^0.19.0", "react-native-maps-directions": "^1.3.0", "react-native-modal-datetime-picker": "^4.13.0", "react-native-qrcode": "^0.2.6", "react-native

Why use Redux Thunk then one can do something like this: ReadableAPI.getCategories().then((categories)=>{ console.log('after getCategories', categories) this.props.dispatch(addCategories(categories)) }) Isn't this more straightforward and achieves the same thing? This answer from Dan Abramov explains beautifully why you would want to use redux-thunk in your application. One more benefit of using redux-thunk in your application is that you keep your business logic separate from your view part (React in your case). We had a use case where our app was written in backbone and we wanted to re-write

Say I have code like so: import { Action, Dispatch } from 'redux'; import { ThunkAction } from 'redux-thunk'; interface StateTree { field: string; } function myFunc(action: Action | ThunkAction<void, StateTree, void>, dispatch: Dispatch<StateTree>) { dispatch(action); // <-- This is where the error comes from } ...I get this error from the TypeScript compiler: ERROR in myFile.ts:x:y TS2345: Argument of type 'Action | ThunkAction<void, StateTree, void>' is not assignable to parameter of type 'Action'. Type 'ThunkAction<void, StateTree, void>' is not assignable to type 'Action'. Property 'type'

I'm having trouble testing an action creator that just loops through the array passed to it and dispatches an action for each item in that array. It's simple enough I just can't seem to figure it out. Here's the action creator: export const fetchAllItems = (topicIds)=>{ return (dispatch)=>{ topicIds.forEach((topicId)=>{ dispatch(fetchItems(topicId)); }); }; }; And here's how I'm attempting to test it: describe('fetchAllItems', ()=>{ it('should dispatch fetchItems actions for each topic id passed to it', ()=>{ const store = mockStore({}); return store.dispatch(fetchAllItems(['1'])) .then(()=>{

I am trying to integrate Redux into my React project. Currently I'm not using any Flux framework. My app gets some data from the API and displays it in a pretty way, like so: componentDidMount() { getData(); } getData() { const self = this; ajax({ url: apiUrl, }) .success(function(data) { self.setState({ data: data, }); }) .error(function() { throw new Error('Server response failed.'); }); } In reading about Redux, I've settled on two possible approaches that I could use for handling storing my success data in the store: Use async middlewares, or Dispatching action ADD_DATA from the success

I've been using redux for about two months now and have just recently started getting into exploring different ways of dealing with asynchronous behavior such as fetching data. It appears from the documentation and from discussions on GitHub that the standard way of doing this by using the thunk middleware which is a pretty simple concept however I'm not sure if I understand the benefit in handing the responsibility of executing async state machines to redux middleware when a simple independent function could have been used. Traditional Redux approach using thunk middleware Async Action

I want to perform two actions but it doesn't work. const backAction = NavigationActions.back({ key: null }) const dispatchLogoutAction = NavigationActions.reset({ index: 0, actions: [NavigationActions.navigate({routeName: "LoginView"})] }); nextProps.navigation.dispatch(backAction); nextProps.navigation.dispatch(dispatchLogoutAction); What other ways to dispatch both actions in react-navigation rather than listing dispatch statements parallelly? 来源： https://stackoverflow.com/questions/48050248/how-to-dispatch-multiple-actions-in-react-navigation