/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 vote319 views1 answer
Get call log in react native with filter android
Javascript React
3 votes348 views1 answer
Showing an image in react js
Javascript React
1 vote306 views1 answer
How to create a button with react
Javascript React
0 vote333 views1 answer
Create-react-app enviroment variables
Javascript React
0 vote331 views1 answer
React generate ethereum address
Javascript React
0 vote301 views1 answer
Change navigation animation react native
Javascript React
0 vote294 views1 answer
Modal react form table
Javascript React
0 vote319 views1 answer
React navigation tabs up in keyboard
Javascript React
108 votes325 views2 answers
Make react project
Javascript React
0 vote293 views1 answer
Usenavigate react router dom v6
Javascript React