/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 vote399 views1 answer
Div onchange react
Javascript React
1 vote396 views2 answers
How to get window size in react js
Javascript React
0 vote387 views1 answer
New Intl.NumberFormat en react
Javascript React
0 vote391 views1 answer
Using shortid in react lists
Javascript React
50 votes343 views6 answers
Yarn create react app
Javascript React
0 vote414 views1 answer
Web-vitals react
Javascript React
4 votes410 views1 answer
How to send axios delete to the backend reactjs
Javascript React
0 vote400 views1 answer
React.createElement
Javascript React
0 vote341 views2 answers
Dispay react component after some time
Javascript React
0 vote380 views1 answer
How to detect if ios is in dark mode react native
Javascript React