/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 vote137 views1 answer
React native text input number only
Javascript React
1 vote136 views1 answer
How to share file from react native
Javascript React
4 votes79 views1 answer
React router dom v6 goback
Javascript React
0 vote122 views1 answer
How to run and clone react app
Javascript React
4 votes164 views1 answer
Carousel react
Javascript React
0 vote182 views1 answer
React implicit return
Javascript React
5 votes132 views3 answers
Open in a new tab react
Javascript React
0 vote143 views1 answer
Onclick on fragment react
Javascript React
0 vote135 views1 answer
TextInput cursor not shown react native
Javascript React
-1 vote131 views1 answer
What is the use of consrtructors in reactjs
Javascript React