README.md

30 Days of React: Day 14 | Component Life Cycle

Table of Contents

• Dev Notes
• Learnings
• Third Party Resources
• Other References

Dev Notes

• styling done with mostly .css; styles copied from previous day (Day 13) with minor changes
• folders not containing primary components renamed by inserting trailing _ (experimental)
• Component Life Cycle in table form with links to official documentation

Mounting	Updating	Unmounting
constructor(props)
static getDerivedStateFromProps (props, state)	static getDerivedStateFromProps (props, state)
	shouldComponentUpdate (nextProps, nextState)
render()	render()
	getSnapshotBeforeUpdate (prevProps, prevState)
componentDidMount()	componentDidUpdate (prevProps, prevState, snapshot)	componentWillUnmount()

_{[ Go to Table of Contents ]}

Learnings

• React Life Cycle Diagram ^[1]

_{[ Go to Table of Contents ]}

Third Party Resources

• Rest Countries API: https://restcountries.com/v3.1/all

_{[ Go to Table of Contents ]}

Other References

• React Life Cycle Methods Diagram by Wojciech MAJ ^[1]
• React Components official documentation

_{[ Go to Table of Contents ]}