/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 vote280 views1 answer
Set navigation drawer to open by default react native
Javascript React
0 vote336 views1 answer
React native tab.screen hide title
Javascript React
140 votes418 views3 answers
React.js installation
Javascript React
0 vote335 views3 answers
Create react app theme_color
Javascript React
0 vote289 views1 answer
Cookies in react native
Javascript React
1 vote289 views1 answer
When i go srource in react app in chrome i see my files
Javascript React
1 vote325 views1 answer
Image touchable opacity react native
Javascript React
2 votes314 views2 answers
Create stack navigator has been moved to react-navigation-stack
Javascript React
10 votes286 views2 answers
React text input onchange
Javascript React
0 vote324 views1 answer
React roter dom npm
Javascript React