🕒 How Long Ago? A TimeAgo Component in React ⏳

📅 Timestamp: 2023-08-06T12:30:00

Ever wondered how to display the time elapsed since a specific event? 🤔 With the TimeAgo component in React, you can do just that! 🚀

Simply pass the timestamp as a prop, and the TimeAgo component will automatically calculate the time elapsed since that moment. 💡

🕑 Examples:
timestamp="2023-08-06T12:30:00" ➡️ "Less than a minute ago"
timestamp="2023-08-05T15:45:00" ➡️ "about 21 hours ago"
timestamp="2023-08-04T10:00:00" ➡️ "2 days ago"

Now you can keep your users informed about the freshness of the content or show how long ago a particular event occurred. ⏰

import { parseISO, formatDistanceToNow } from "date-fns"; const TimeAgo = ({ timestamp }) => { let timeAgo = ""; if (timestamp) { const date = parseISO(timestamp); const timePeriod = formatDistanceToNow(date); timeAgo = `${timePeriod} ago`; } return ( <span> &nbsp; <i>{timeAgo}</i> </span> ); }; export default TimeAgo; 

🚀 Give it a try and boost your app's interactivity with TimeAgo! Happy coding! 😄

Code - Github
Date-fns (npm) - Library