rhooks

function App(props) {
  useConstructor(() => {
    console.log('this should console.log only once when component instance init. Before didMount')
  })
 
  return (<div></div>);
}

function App(props) {
  useDidMount(() => {
    console.log('this should console.log only once when the component is mounted. After constructor')
  })
 
  return (<div></div>);
}

function App(props) {
  useDidUpdate(() => {
    console.log('This should console.log every time when component update. But do not occur in the didMount.')
  })
 
  return (<div></div>);
}

function App(props) {
  useWillUnmount(() => {
    console.log('this should console.log only once when the component is about to unmount')
  })
 
  return (<div></div>);
}

function App(props) {
  const forceRender = useForceRender()
 
  return (<div onClick="() => forceRender()">{Date.now()}</div>);
}