/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 vote140 views1 answer
Inline style to change background color react
Javascript React
1 vote147 views1 answer
React native linking email
Javascript React
0 vote156 views1 answer
Convert table to excel reactjs
Javascript React
1 vote141 views1 answer
What is react reveal
Javascript React
0 vote174 views1 answer
Debug.xcconfig: unable to open file react native
Javascript React
0 vote149 views1 answer
Localhost server in react native
Javascript React
2 votes156 views1 answer
Npm install --save react-native-vector-icon
Javascript React
0 vote138 views1 answer
Javascript slider get value react
Javascript React
6 votes166 views5 answers
Scroll to top in react
Javascript React
12 votes155 views2 answers
How to integrate redux dev tool to react application
Javascript React