/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 vote375 views2 answers
React native navigation header Right
Javascript React
0 vote358 views1 answer
Mock createRef jest react functional component
Javascript React
0 vote388 views1 answer
React date component with word month
Javascript React
0 vote374 views1 answer
React download file from express res.download
Javascript React
5 votes399 views3 answers
Open in a new tab react
Javascript React
2 votes374 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React
5 votes384 views1 answer
React-select
Javascript React
1 vote433 views1 answer
How to resize react icons
Javascript React
0 vote387 views1 answer
Private router react v6
Javascript React
-2 votes348 views5 answers
React cheat sheet
Javascript React