/Javascript/React/Event pooling in react/event.persist/using async function in event callback

Event pooling in react/event.persist/using async function in event callback

Event Pooling - React uses SyntheticEvent which is a wrapper for native browser events so that they have consistent properties across different browsers. The event handlers that we have in any react-app are actually passed instances of SyntheticEvent unless we use nativeEvent attribute to get the underlying browser event.

Wrapping native event instances can cause performance issues since every synthetic event wrapper that's created will also need to be garbage collected at some point, which can be expensive in terms of CPU time.

React deals with this problem by allocating a synthetic instance pool. Whenever an event is triggered, it takes an instance from the pool and populates its properties and reuses it. When the event handler has finished running, all properties will be nullified and the synthetic event instance is released back into the pool. Hence, increasing the performance.

Source: stackoverflow.com

Similar codes

0 vote101 views1 answer
React router dom default params
Javascript React
0 vote109 views4 answers
How to pass data between routes in react
Javascript React
0 vote114 views2 answers
React js form radio input using hooks
Javascript React
0 vote103 views1 answer
React-active link
Javascript React
0 vote111 views1 answer
Random word react npm package
Javascript React
0 vote102 views1 answer
Clear React Native TextInput
Javascript React
1 vote107 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React
0 vote106 views1 answer
Text inside an image component react native
Javascript React
3 votes102 views1 answer
How to preview a pdf document in react
Javascript React
0 vote105 views1 answer
React check if mobile or desktop
Javascript React