/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 vote254 views1 answer
Detecting change in animated value react native
Javascript React
0 vote267 views1 answer
React native open simulators list
Javascript React
0 vote229 views1 answer
How to find network there is no network react native
Javascript React
41 votes248 views5 answers
UseRef() in react
Javascript React
0 vote254 views1 answer
Number format reactjs
Javascript React
0 vote244 views1 answer
Use navigate in class component react native
Javascript React
2 votes285 views1 answer
Import React, { memo } from 'react';
Javascript React
0 vote288 views2 answers
Loop through array react native
Javascript React
0 vote243 views2 answers
How to render a component multiple times in react
Javascript React
0 vote243 views1 answer
React padding at bottom svg
Javascript React