/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 vote361 views1 answer
Import tippy react
Javascript React
0 vote342 views1 answer
How to only register one click on nested component and not parent component in react js
Javascript React
0 vote343 views1 answer
Shallow render in react
Javascript React
32 votes335 views6 answers
Usestate react
Javascript React
0 vote373 views1 answer
External js doesn't works if revisit the page in react
Javascript React
0 vote381 views1 answer
Auto refresh database in outsystems reactive
Javascript React
0 vote295 views1 answer
Ctx beginpath react
Javascript React
0 vote356 views1 answer
Blank array condition in react js
Javascript React
0 vote376 views1 answer
Date picker type react
Javascript React
0 vote382 views1 answer
React show new app
Javascript React