/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

1 vote248 views1 answer
React conditional array item
Javascript React
-1 vote256 views1 answer
Image component doesn't show image from url react native
Javascript React
0 vote209 views1 answer
Option component in react js errors
Javascript React
0 vote235 views3 answers
Scrollview pull to refresh react native
Javascript React
0 vote241 views1 answer
Ui5 React bind element
Javascript React
1 vote240 views1 answer
How to set limit in map in react hook
Javascript React
0 vote228 views1 answer
Line separator with text in the center react native
Javascript React
0 vote232 views1 answer
Deploy react to azure : web.config
Javascript React
0 vote249 views1 answer
React-template-helper
Javascript React
1 vote236 views3 answers
Bash: react-scripts: command not found
Javascript React