/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 vote228 views2 answers
Hello world react
Javascript React
0 vote216 views1 answer
Dynamic classname react
Javascript React
0 vote230 views1 answer
How to pass parent function to child screen in React Navigation
Javascript React
-1 vote224 views1 answer
How to load the images from the website dynamically in react
Javascript React
0 vote216 views1 answer
Reactjs exemple class component
Javascript React
0 vote215 views1 answer
React json object pretty
Javascript React
0 vote232 views1 answer
Notification bell icon bootstrap react
Javascript React
0 vote195 views2 answers
Undo npm run eject react
Javascript React
3 votes227 views3 answers
How to hide source for react project
Javascript React
1 vote228 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React