/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 vote164 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
0 vote165 views1 answer
React onclick div
Javascript React
3 votes172 views1 answer
Latest react version npm
Javascript React
0 vote160 views1 answer
How to bound a state variable to a field react final form
Javascript React
0 vote177 views1 answer
Module missing for arearange highcharts react
Javascript React
0 vote162 views1 answer
How to write unit test cases in react js
Javascript React
15 votes166 views1 answer
Reducer in react example
Javascript React
0 vote120 views1 answer
React create element from string
Javascript React
0 vote169 views3 answers
How to get state value from history react
Javascript React
0 vote158 views1 answer
Using shortid in react lists
Javascript React