Higher Order Components

Question 1

What are higher level components?

Answer 1

Components that allow us to lessen our code duplication

Question 2

Explain the synergy between regular react component and higher order component

Answer 2

Enhance component has some additional amount of functionality or data tied to it

Question 3

What is an example of a higher order component we have been using in redux?

Answer 3

The connect function. It is a higher order component. Connect allowed the component to access state or ‘connect’ to the redux store

Question 5

What are the steps to building out a higher order component?

Answer 5

1) Write the logic you want to reuse into a component
2) Create a HOC file and add the HOC scaffold

scaffold boilerplate code in HOC

3) Move the reusable logic into the HOC
4) Pass props/config/behavior through to child component

Question 6

What are the four chunks of code are the pieces of code restriction around a user’s ability

Answer 6

1) ComponentDidMount()
2) componentDidUpdate()
3) shouldNavigateAway()
4) mapStateToProps