/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 vote201 views1 answer
Add a text on last object map reactjs
Javascript React
0 vote231 views1 answer
React native paper modal background
Javascript React
0 vote207 views1 answer
How to go specific content in react single page by id
Javascript React
-2 votes214 views1 answer
React spring transition animations
Javascript React
0 vote204 views1 answer
Event handling in react documentation
Javascript React
0 vote211 views1 answer
React js and graphql integration
Javascript React
1 vote214 views1 answer
Input type email react js-validation
Javascript React
0 vote204 views1 answer
React component visibility
Javascript React
1 vote194 views1 answer
Column width table react
Javascript React
4 votes262 views3 answers
React link underline
Javascript React