/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 vote204 views1 answer
Javascript Binding Example With React
Javascript React
1 vote195 views1 answer
React native get current time
Javascript React
48 votes199 views4 answers
How to add comment in react js
Javascript React
0 vote243 views1 answer
Clear input field react-hook-form
Javascript React
0 vote198 views1 answer
Eject expo app to android and react native
Javascript React
0 vote154 views1 answer
Circle button react native
Javascript React
16 votes207 views1 answer
React native 0.60.4 xiaomi crashes at open
Javascript React
0 vote186 views1 answer
How to get domain name in react
Javascript React
0 vote226 views1 answer
How to add base url as src in react native
Javascript React
1 vote604 views1 answer
React waypoint loadmore not working
Javascript React