/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

12 votes357 views3 answers
Get value of input react
Javascript React
2 votes327 views2 answers
React aws s3 npm
Javascript React
0 vote368 views1 answer
React-bootstrap problem-import new version
Javascript React
1 vote363 views1 answer
React native textinput no keyboard
Javascript React
4 votes355 views6 answers
React-native shadow generator
Javascript React
1 vote332 views1 answer
Convert nuber into string react js
Javascript React
5 votes379 views1 answer
Switch was not found in 'react-router-dom'
Javascript React
1 vote354 views3 answers
Switch' is not exported from 'react-router-dom'
Javascript React
0 vote323 views1 answer
Laravel react 404 routes
Javascript React
0 vote404 views1 answer
State creation in class components reactjs interview questions
Javascript React