/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

21 votes327 views6 answers
React native vector icons
Javascript React
2 votes372 views1 answer
All react navigation packages
Javascript React
0 vote299 views3 answers
Flash effect in react native
Javascript React
15 votes319 views6 answers
Form in react
Javascript React
0 vote355 views1 answer
Can i use hooks with expo in react native
Javascript React
0 vote333 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
0 vote353 views1 answer
Sort by attribute in reactjs
Javascript React
1 vote334 views1 answer
React spread operator
Javascript React
1 vote322 views1 answer
React list
Javascript React
0 vote344 views1 answer
React index.js file
Javascript React