React-TimesAgo is a component that takes a date as a prop and returns a time-span with live updating date.

React-TimesAgo

1. Install React-TimesAgo as a dependency

# NPM npm install react-timesago

2. Import the react-timesago module

// ES6 import TimesAgo from "react-timesago";

import TimesAgo from 'react-timesago'; render() { <TimesAgo time={date} type="default" suffix="ago" /> // type default <TimesAgo time={date} type="default" prefix="before" /> // type default <TimesAgo time={date} type="facebook" /> // type facebook }

These are all of the available props (and their default values) for the <TimesAgo /> component.

{ prefix: "", suffix: "ago", type: "default", time: new Date(1551788578911 * 1000) }

• prefix - formatter prefix for date, ignored for type facebook.
• suffix - formatter suffix for date, ignored for type facebook.
• type - types for date format (facebook or default)
• time - date.