Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


    Optimize Performance in react-beautiful-dnd with shouldComponentUpdate and PureComponent


    We will look at allowing style updates to Draggable and Droppable components without re-rendering their children. We will do this by creating a new component <InnerList /> which conditionally block renders with React's shouldComponentUpdate lifecycle hook.

    After this, you'll see how using React's PureComponent can be used to achieve the same optimization.