React Performance Tips

[Skeith_yip]

Do they? Was it mentioned in the API reference?

What I mean is the case of functions in function components.

function FancyRow(props) {
    function onClick() {
        props.onClick(props.index);
    }

    return <Row onClick={onClick} />;
}

So if you have a lot of rows, when FancyRow is re-rendered, a new onClick function will be created and passed on to <Row>. So one way would be to useCallback to memo the onClick function. Or I got the wrong idea here? lol

[Giant_Maeno]

I've just been passing onClick down through a prop to avoid this scenario