A sample Hooks component demonstrating Life Cycle Methods Composition.

LifeCycleMethodsUsingHooks.js

function useLikes() {
  const [likes, setLikes] = useState(0)
  const [likedByMySelf, setLikedByMySelf] = useState(false)
  useEffect(() => {
    fetchLikes().then(({ likes, likedByMySelf }) => {
      setLikes(likes)
      setLikedByMySelf(likedByMySelf)
    })
  }, [])
  const onLike = () => {
    setLikes(likedByMySelf ? likes - 1 : likes + 1)
    setLikedByMySelf(!likedByMySelf)
  }
  return [likes, likedByMySelf, onLike]
}

function useComments() {
  const [comments, setComments] = useState([])
  useEffect(() => {
    fetchComments().then(setComments)
  }, [])
  const onComment = comment => {
    setComments([...comments, comment])
  }
  return [comments, onComment]
}

function Feed() {
  const [likes, likedByMySelf, onLike] = useLikes()
  const [comments, onComment] = useComments()
  return (
    <RenderTheComponent
      likes={likes}
      likedByMySelf={likedByMySelf}
      comments={comments}
      onComment={onComment}
      onLike={onLike}
    />
  )
}