/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

2 votes333 views1 answer
React native image source local file
Javascript React
0 vote335 views1 answer
Get status bar height react native
Javascript React
0 vote317 views1 answer
Run react android
Javascript React
0 vote349 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React
10 votes349 views5 answers
Form react js
Javascript React
0 vote332 views1 answer
How to check if we reach end of div react hooks
Javascript React
0 vote334 views1 answer
React native bottom bar curved
Javascript React
6 votes345 views1 answer
React native loading
Javascript React
0 vote324 views1 answer
Popup react now ui
Javascript React
0 vote339 views1 answer
Generate qr code react
Javascript React