/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

0 vote299 views1 answer
React-phone-number-input retur message in react hook form
Javascript React
0 vote331 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React
0 vote314 views1 answer
React native svg size
Javascript React
24 votes295 views3 answers
Set port in react app
Javascript React
0 vote332 views1 answer
React native scrollview full height
Javascript React
0 vote318 views1 answer
Background image not loading from a link react
Javascript React
-1 vote306 views1 answer
React native smart splash screen
Javascript React
18 votes298 views5 answers
How to use svg in react js
Javascript React
0 vote311 views1 answer
Concatenate state with previous state in react redux
Javascript React
0 vote297 views1 answer
How to draw a long underline in react native
Javascript React