/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 vote213 views1 answer
React check if array contains value
Javascript React
0 vote188 views1 answer
Radio button default checked react
Javascript React
11 votes191 views5 answers
React router refresh page
Javascript React
-1 vote194 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
3 votes190 views1 answer
React prop ytpes
Javascript React
0 vote187 views1 answer
Unexpected token useeffect react native
Javascript React
-1 vote189 views2 answers
Toggle on button click in react js functional component
Javascript React
2 votes193 views2 answers
React Hook Form
Javascript React
0 vote235 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React
2 votes143 views1 answer
Yarn create react-app test00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'create'
Javascript React