pure 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.

View another examples Add Own solution

Phoenix Logan 186120 points

                                    import { browserHistory } from 'react-router';
browserHistory.push('/some/path');

Thank you! 2

5 (2 Votes)

A-312 69370 points

                                    // history.js
import { createBrowserHistory } from 'history'

export default createBrowserHistory({
  /* pass a configuration object here if needed */
})

Thank you! 2

3 (1 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category Other

Other 2023-03-27 22:50:10 how to select the whole line in vscode with keyboard shortcut
Other 2022-03-27 22:45:24 income of a web developer
Other 2022-03-27 22:35:01 \pyrcc_main.py: File does not exist 'resources.qrc'
Other 2022-03-27 22:30:45 rick roll embed code
Other 2022-03-27 22:20:08 Circuit_04_Potentiometer
Other 2022-03-27 22:20:05 iterative power
Other 2022-03-27 22:15:11 flutter run all
Other 2022-03-27 22:10:05 when is karlson release
Other 2022-03-27 22:10:02 wp .htaccess example
Other 2022-03-27 22:00:08 bash pause in file read line by line

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

pure component example react pure components what is pure components react.purecomponent what are pure components pure components react pure and impure components react.purecomponent vs functional component where pure components are used pure component in react native what is a pure component react pure react component react native pure component react when components should be pure react native pure compoenent react pure component example benefits of pure component in react component lifecycle react js pure components how to use pure components react native what is pure component react pure compondent example react can pure component make api calls? pure component react react pure component pure component Pure components React JS: Pure Compenet purecopmonent how to make functional component as pure component pure component in react how to make a functional component pure in react native how to make a component pure in react native what is pure component in react pure component react example scenarios to use pure components in react define a React pure component define a React pure component? pure component in reactjs

pure component

Welcome Back!

Create a Free Account