/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 vote229 views1 answer
Out of memory gc overhead limit exceeded. react native
Javascript React
0 vote157 views1 answer
React native whatsapp integration
Javascript React
20 votes159 views4 answers
On enter key press react
Javascript React
0 vote152 views1 answer
React Alert when rate changes
Javascript React
0 vote159 views2 answers
Drag n drop file upload react
Javascript React
0 vote176 views1 answer
React native paper modal background
Javascript React
6 votes176 views5 answers
Scroll to top in react
Javascript React
2 votes165 views1 answer
React native apk bundle
Javascript React
3 votes147 views1 answer
React js image path src from local folder
Javascript React
0 vote187 views1 answer
Add update react pwa feature
Javascript React