React Lifcecycle and their methods

Question 1

What is the first phase of a React Lifecycle?

Answer 1

An instance of the component is created and two methods are called: GetDefaultProps and GetInitialState

Question 2

What are two methods called on the initialization on creation of a component?

Answer 2

GetDefaultProps: is used to define any default props.

getInitialState: enables to set the initial state value, that is accessible inside the component via this.state.

Question 3

What happens after the constructor define props and state?

Answer 3

componentWillMount is called and than the render method is executed.

Question 4

What does the render method return on initialization?

Answer 4

It will return component markup which can be in the form of a single child or null/false.

Question 5

After the first render method, what is called next?

Answer 5

ComponentDidMount

Question 6

When is componentWillUnmount get called?

Answer 6

Before the component is removed from the DOM.

Question 7

What is componentDidMount?

Answer 7

This is invoked immediately after mounting occurs, aka the first execution of render. Any changing of state in here will trigger another execution of render.

Question 8

What is componentWillMount?

Answer 8

It is invoked immediately before mounting occurs. It is called before the first render(), thus setting state synchronously in here will not trigger a render.

Question 9

props

Answer 9

this.props contains the props that were defined by the caller of the component.

Question 10

state

Answer 10

contains data specific to this component that may change over time. The state is user defined.

Question 11

What should you never do with state?

Answer 11

You should never mutate state, to set state call setState() to replace the state instead of mutating it.