/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 vote360 views1 answer
Reactjs .htaccess
Javascript React
1 vote380 views1 answer
React-router-dom v6 redirect
Javascript React
0 vote373 views1 answer
Use of parse in react
Javascript React
0 vote399 views1 answer
Sort by attribute in reactjs
Javascript React
0 vote404 views1 answer
Url in listitem react
Javascript React
0 vote376 views1 answer
Divide string in lines react native max width
Javascript React
0 vote383 views1 answer
Ui5 React bind element
Javascript React
0 vote443 views1 answer
How to get domain name in react
Javascript React
0 vote463 views2 answers
Hiding header in a specific screen in react native
Javascript React
3 votes377 views1 answer
React data attributes event
Javascript React