handling multi requests in react-native and redux and react-native-maps

Question

I'm building a react-native app where i use react-native-maps package to show markers on the map with every region by sending request to my server to get some data

<MapView
        followUserLocation
        initialRegion={region}
        ref={(ref) => { this.mapRef = ref; }}
        showsUserLocation
        style={styles.map}
        onRegionChange={this.onRegionChange.bind(this)}
/>

on RegionChange i send a request to my server

onRegionChange(region) {
// send my request to my server
}

but the user may make many region change in a very short time , how can i make sure that i'll get the correct response (i.e response related to the last region change ) ??

Community · Accepted Answer · 2017-05-23 12:25:54Z

1

There are several ways to achieve this.

Debounce

Use debounce for "onRegionChange". This way only the last change will be executed.

More info: Perform debounce in React.js

Cancelable promises

Some Promise libraries provide cancelable promises.

More info: http://bluebirdjs.com/docs/api/cancel.html

edited May 23, 2017 at 12:25

CommunityBot

11 silver badge

answered Mar 31, 2017 at 21:23

Lalli Nuorteva

1637 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

handling multi requests in react-native and redux and react-native-maps

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related