/Javascript/React/React native pure component vs component

React native pure component vs component

The major difference between React.PureComponent and React.Component is PureComponent does a shallow comparison on state change. It means that when comparing scalar values it compares their values, but when comparing objects it compares only references. It helps to improve the performance of the app.

You should go for React.PureComponent when you can satisfy any of the below conditions.

    State/Props should be an immutable object
    State/Props should not have a hierarchy
    You should call forceUpdate when data changes

If you are using React.PureComponent you should make sure all child components are also pure.

    is there any performance impact in using React.component that we may consider going for React.PureComponent?

Yes, it will increase your app performance (because of shallow comparison)

    I am guessing shouldComponentUpdate() of Purecomponent performs only shallow comparisons . If this is the case can' t the said method used for deeper comparisons?

You guessed it correctly. You could use it if you satisfy any of the conditions I mentioned above.

    "Furthermore, React.PureComponent's shouldComponentUpdate() skips prop updates for the whole component subtree" - Does this mean that prop changes are ignored?

Yes, prop changes will be ignored If it couldn't find difference in shallow comparison.

Source: stackoverflow.com

Similar codes

5 votes268 views2 answers
React hook form
Javascript React
0 vote299 views1 answer
Tailwind intenseness react
Javascript React
0 vote292 views1 answer
TextField input font color React Material UI
Javascript React
78 votes282 views6 answers
React router redirect
Javascript React
2 votes306 views1 answer
Best react native ui library
Javascript React
0 vote310 views1 answer
Url in listitem react
Javascript React
1 vote281 views2 answers
React state not updating immediately
Javascript React
21 votes291 views6 answers
Elevation react native
Javascript React
19 votes313 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
0 vote279 views1 answer
React hook form password validation uppercase
Javascript React