/ Time

minimal port of timeago-react to work with Preact

minimal port of timeago-react to work with Preact

preact-timeago

Super minimal port of timeago-react to work with Preact, supporting a subset of the timeago-react props.

Install

npm install preact-timeago

Library depends on timeago.js.

Usage

const { h, render } = require('preact');
const TimeAgo = require('preact-timeago');

const Content = ({ datetime }) => (
    <section class="content">
        <TimeAgo datetime={datetime} live={true} />
    </section>
);

render(<Content datetime="2016-10-10 10:10:10" />, document.body);

Props

datetime is required and timeago.js will do its best to format what it's given, one of:

  • datetime string
  • Date instance
  • timestamp

live defaults to false, determines whether the time should update if the datetime prop changes.

Gotchas

locale

I had no need in the project that this came from to keep locale-based formatting, so 'en' is the only supported locale with this module.

GitHub