⌨️ Use react hooks for typing effect easily.


npm i react-typewriter-hook --save


// useTypewriter will do these things
// Once Word changed, typewritter will automatically erase last word
// Then type down new word
import useTypewriter from "react-typewriter-hook"

function MagicWriter(word) {
  const typing = useTypewriter(word)
  return typing

What happens after call useTypewriter hook

  • Typewriter accept the word, ready to write
  • Typewriter write down your word and waiting for the word change
  • Typewriter once accept the new word, it erases the last word, and write down next