componentwillmount in react hooks code example

Example 1: componentdidmount hooks

For componentDidMount
useEffect(() => {
  // Your code here
}, []);

For componentDidUpdate
useEffect(() => {
  // Your code here
}, [yourDependency]);

For componentWillUnmount
useEffect(() => {
  // componentWillUnmount
  return () => {
     // Your code here
  }
}, [yourDependency]);

Example 2: react hooks componentdidmount

// import useEffect from 'react';

useEffect(() => {
	// your code here
}, []);

Example 3: replace componentwillmount with hooks

useEffect(() => {
	//will be called on every load
})

useEffect(() => {
	//will be called on component mount
  window.addEventListener('mousemove', () => {});

  // returned function will be called on component unmount 
  return () => {
    window.removeEventListener('mousemove', () => {})
  }
}, []) // <---- empty array at end will cause to only run on first load

Example 4: componentdidmount in hooks

useEffect(() => {
  // Your code here
}, []);