/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 vote274 views1 answer
Namespace react has no export member FC
Javascript React
1 vote274 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript React
0 vote295 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
0 vote267 views1 answer
Form- text area react
Javascript React
1 vote259 views1 answer
React eslint prettier
Javascript React
6 votes276 views2 answers
#react native shadow
Javascript React
0 vote271 views1 answer
Add two export in same page react
Javascript React
0 vote280 views2 answers
Background transparent react native
Javascript React
4 votes256 views3 answers
Image react native base64
Javascript React
0 vote251 views1 answer
React import json
Javascript React