i-like-robots/react-tags

suggestion: use React memo on Input, Suggestion and Tags to avoid re render

rrfaria opened this issue · 2 comments

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
image
and enable highligh updates
image

Yes it is re-rendering too often.

@i-like-robots Have added it, please review my PR: #270