/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 vote208 views1 answer
Ant design not working in react js
Javascript React
0 vote233 views1 answer
Antd react native
Javascript React
5 votes210 views1 answer
Import react dom
Javascript React
-1 vote249 views1 answer
Convert datetime value to time only in reactjs
Javascript React
3 votes199 views2 answers
React-native android build apk
Javascript React
1 vote207 views2 answers
Upload image react
Javascript React
2 votes197 views1 answer
React nginx returns 404 after reload
Javascript React
0 vote248 views2 answers
Go back to screen with params react native
Javascript React
0 vote221 views1 answer
Stateprovider.js react
Javascript React
7 votes202 views4 answers
Import image in react js
Javascript React