suggestion: use React memo on Input, Suggestion and Tags to avoid re render
rrfaria opened this issue · 2 comments
rrfaria commented
I noticed every single time there is a blur event even if nothing is changed
All componentes are rendered again
to avoid it you can use React.memo.
It will memoize properties and only will render again if any property changes
you can add it to:
Input, Suggestions and Tag component
import React from 'react'
class Input extends React.Component {
// implementation ....
}
export default React.memo(Input)
you can check re render by using react dev tools
and enable highligh updates
crazyyi commented
Yes it is re-rendering too often.
hritikb27 commented
@i-like-robots Have added it, please review my PR: #270