A react hook to show in how many time that content could be read

View demo ➔

Install

Using Yarn:

yarn add use-reading-time

Using NPM:

npm install --save use-reading-time

Using PNPM:

pnpm add use-reading-time

Usage

import React, { useRef } from 'react'
import Post from './post'

import useReadingTime from 'use-reading-time'

const Example = () => {
  const post = useRef()
  const {readingTime, wordsCount} = useReadingTime(post)

  return (
    <div>
      {readingTime} min • {wordsCount} words

      // Depending on the React version, you may need to use forwardRef
      <Post ref={post} />
    </div>
  )
}

Options/Params

useReadingTime(reference, wordsPerMinute)

Argument	Description	Type	Default	Required
reference	A React ref object	Object	–	Yes
wordsPerMinute	Number of words we can read per minute	Number	260 (Source)	No

License

MIT © diogomoretti