/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 vote155 views1 answer
React-select-search useSelect hook
Javascript React
1 vote174 views1 answer
React event target square brackets
Javascript React
1 vote105 views1 answer
Functions inside class component react
Javascript React
0 vote145 views1 answer
Why is necessary to run react-native run
Javascript React
1 vote147 views1 answer
Convert nuber into string react js
Javascript React
0 vote150 views2 answers
Why we need react js
Javascript React
2 votes174 views3 answers
React reset file input
Javascript React
0 vote158 views1 answer
React-timeago npm
Javascript React
1 vote163 views1 answer
React js router parameters
Javascript React
0 vote337 views1 answer
React yup password with number string and uppercase
Javascript React