/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 vote245 views1 answer
How to add abutton component to drawer in react native
Javascript React
0 vote316 views1 answer
React native image path in vriable
Javascript React
1 vote218 views1 answer
Forcechange input reactiveform
Javascript React
0 vote205 views4 answers
React native biometrics sign in
Javascript React
0 vote284 views1 answer
Reactjs facebook login popup trigger on load page
Javascript React
-1 vote303 views5 answers
Context Api in react
Javascript React
35 votes222 views6 answers
Create react app with tailwind
Javascript React
0 vote254 views1 answer
React native app slow lagging image
Javascript React
16 votes200 views3 answers
Loop in react depending on number
Javascript React
0 vote235 views1 answer
React Native BUILD FAILED on run-ios
Javascript React