/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

1 vote354 views2 answers
React select disable option
Javascript React
0 vote393 views1 answer
Form.select not working react bootstrap
Javascript React
2 votes355 views1 answer
What is virtual dom in react
Javascript React
0 vote345 views2 answers
React router dom v6
Javascript React
1 vote400 views2 answers
Push state array react
Javascript React
6 votes355 views4 answers
Add items to a react array in hooks
Javascript React
0 vote364 views1 answer
2.When will the validation functions be called in the react js
Javascript React
15 votes429 views3 answers
Create react app and tailwind
Javascript React
0 vote474 views1 answer
No routes matched location / react router
Javascript React
4 votes392 views4 answers
Class component react
Javascript React