/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
When i go srource in react app in chrome i see my files
Javascript React
3 votes153 views1 answer
React native class component constructor
Javascript React
0 vote151 views1 answer
Avoid compressing imagepicker react native
Javascript React
1 vote90 views1 answer
Table reactstrap
Javascript React
0 vote122 views1 answer
Add event listener react hooks
Javascript React
22 votes152 views4 answers
Copy text to clipboard reactjs
Javascript React
0 vote144 views1 answer
How to make dynamic title for screen in react native
Javascript React
0 vote133 views1 answer
React native expo release apk
Javascript React
0 vote117 views1 answer
React make component full screen
Javascript React
0 vote150 views1 answer
Create loop to specific length react
Javascript React