/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

7 votes187 views3 answers
Add backgorund image in react native app
Javascript React
2 votes201 views1 answer
React native apk bundle
Javascript React
0 vote183 views3 answers
React loop through array
Javascript React
0 vote190 views1 answer
React big calendar messages
Javascript React
16 votes190 views3 answers
What does the useReducer do in react
Javascript React
0 vote205 views1 answer
React native listview date separator site:stackoverflow.com
Javascript React
1 vote189 views2 answers
How to not use relative imports in react js
Javascript React
0 vote204 views1 answer
As it does not contain a package.json file. react
Javascript React
2 votes208 views1 answer
React allow only numbers in input
Javascript React
17 votes174 views6 answers
React native build android
Javascript React