/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

36 votes221 views2 answers
How to install react router dom version 5
Javascript React
8 votes214 views1 answer
React.Fragmen
Javascript React
4 votes241 views1 answer
React useeffect not on first render
Javascript React
-1 vote232 views2 answers
Minified react error #200
Javascript React
0 vote204 views1 answer
Why is necessary to run react-native run
Javascript React
1 vote200 views1 answer
How to use array of object in react
Javascript React
0 vote205 views1 answer
Create app with a specific react version
Javascript React
0 vote224 views1 answer
React-native-dropdown-picker for form react native
Javascript React
0 vote222 views2 answers
React js form radio input using hooks
Javascript React
1 vote254 views1 answer
Add value to state array react native dispatch
Javascript React