/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 vote222 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
13 votes169 views1 answer
React making post request
Javascript React
4 votes224 views1 answer
Carousel react
Javascript React
2 votes174 views1 answer
React promises
Javascript React
0 vote196 views3 answers
Set bg image in react
Javascript React
0 vote179 views1 answer
Dropdown list value react fragment
Javascript React
0 vote186 views1 answer
Handle an input with React hooks
Javascript React
0 vote192 views1 answer
Removing borderline of input in react
Javascript React
1 vote199 views1 answer
Add value to state array react native dispatch
Javascript React
63 votes192 views6 answers
React router install
Javascript React