Lesson Challenge

Read these 4 articles: Understanding the React Component Lifecycle, React component’s lifecycle, Understanding React — Component life-cycle, and React JS: what is a PureComponent? and answer the following questions in the #explain-it channel:

  1. Describe what the in the workspace below will render on the screen and explain why.

  2. Describe a React anti-pattern that's used in the code.

  3. How do we need to modify the Normal3 Component in order to keep it from re-rendering if the App Component's state remains the same?

This exercise is based on this sandbox: https://codesandbox.io/s/3vpp84yp5.