/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

1 vote283 views1 answer
How to add button react native app.js
Javascript React
16 votes216 views3 answers
Importing svg into react
Javascript React
1 vote260 views1 answer
How to test useEffect in react testing library
Javascript React
1 vote191 views1 answer
React native basic template
Javascript React
1 vote182 views2 answers
How to place text input cursor to start in react native
Javascript React
0 vote201 views3 answers
Add if condition in map react
Javascript React
0 vote272 views1 answer
Testing a function in jest on click react
Javascript React
0 vote171 views1 answer
React google login button size increase
Javascript React
160 votes789 views6 answers
React install
Javascript React
0 vote212 views1 answer
React strap documentation
Javascript React