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:
-
Describe what the in the workspace below will render on the screen and explain why.
-
Describe a React anti-pattern that's used in the code.
-
How do we need to modify the
Normal3
Component in order to keep it from re-rendering if theApp
Component's state remains the same?
This exercise is based on this sandbox: https://codesandbox.io/s/3vpp84yp5.