React LifeCycle Component

class Header extends React.Component {
constructor(props) {
this.state = {favoritecolor: "red"};
render() {
return (
<h1>My Favorite Color is {this.state.favoritecolor}</h1>

ReactDOM.render(<Header />, document.getElementById('root'));

Error Boundaries

  • During render phase
  • In a lifecycle method
  • In the constructor
  • Event handlers (eg., onClick, onChange, etc.)
  • setTimeout or requestAnimationFramecallbacks
  • Server-side rendering (SSR)
  • And errors causesd by the error boundary itself (rather than its children)



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Soner Mezgitci

Soner Mezgitci

Software Engineer | Ruby on Rails | JavaScript | HTML5 | CSS | PostgreSQL | React | Redux