/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 vote120 views1 answer
React native android padding style
Javascript React
0 vote128 views1 answer
A form label must be associated with a control react
Javascript React
0 vote112 views1 answer
React native force vertical
Javascript React
2 votes139 views1 answer
Lifecycles if reactjs
Javascript React
0 vote122 views1 answer
Testing library react hooks
Javascript React
11 votes142 views2 answers
How to refresh the page using react
Javascript React
69 votes129 views6 answers
React route
Javascript React
0 vote145 views1 answer
How to use radio buttons in react class-based components
Javascript React
0 vote122 views1 answer
What difference between react func and class components
Javascript React
0 vote125 views1 answer
Form- text area react
Javascript React