/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 vote134 views1 answer
How to refresh android studio react native
Javascript React
1 vote117 views2 answers
'Switch' is not exported from 'react-router-dom'
Javascript React
1 vote77 views1 answer
Parent to child react state
Javascript React
11 votes133 views3 answers
React app and tailwind
Javascript React
3 votes146 views3 answers
Update react app
Javascript React
6 votes117 views1 answer
React native docs
Javascript React
0 vote132 views1 answer
Textinput multiline start from top react native
Javascript React
-1 vote139 views2 answers
React native font based on viewport dimensions
Javascript React
0 vote119 views1 answer
How to get property names from object using map method react
Javascript React
16 votes118 views2 answers
Render text in for loop react in function
Javascript React