/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

0 vote158 views1 answer
React native listview date separator site:stackoverflow.com
Javascript React
0 vote153 views1 answer
Require cycle disable warning react native
Javascript React
6 votes290 views3 answers
Multiple path names for a same component in react router
Javascript React
-1 vote169 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
0 vote151 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
0 vote155 views1 answer
React redux open another page
Javascript React
0 vote176 views1 answer
React Redux component getById crud exemple
Javascript React
0 vote164 views1 answer
Onclick on fragment react
Javascript React
0 vote161 views1 answer
How to set the id attr to a var in reactjs
Javascript React
0 vote165 views1 answer
How to submit form in reactjs and send data in json
Javascript React