Bắt đầu với React TimeAgo

Khi bạn cần hiển thị thời gian tương đối trong quá khứ trong ứng dụng React.

Ảnh của Sonja Langford trên Unsplash

Hiển thị thời gian tương đối trên các trang web đang trở nên phổ biến hơn và thuận tiện hơn cho người dùng cuối. WhatsApp, YouTube, Facebook, Uber và có lẽ hầu hết các ứng dụng bạn đang sử dụng hàng ngày đều hiển thị ngày tháng ở định dạng tương đối.

Thời gian tương đối trên WhatsApp
Thời gian tương đối trên YouTube
Thời gian tương đối trên Google

Thư viện đang cố gắng giải quyết vấn đề gì?

Hiển thị thời gian tương đối trong quá khứ có thể không dễ dàng vì nó có thể nhìn vào cái nhìn đầu tiên. Có nhiều trường hợp phức tạp và nhiều câu hỏi cần được trả lời. Ví dụ, một tháng có bao nhiêu ngày? 22. 2. 2002 kể từ bây giờ là bao nhiêu ngày, tháng hoặc năm? Thành phần cần được cập nhật thường xuyên như thế nào? Làm thế nào để định dạng đầu ra?

Thư viện đang cố gắng giải quyết tất cả những vấn đề này trong khi vẫn có quy mô nhỏ.

Làm thế nào bạn có thể sử dụng thư viện?

Bạn có thể cài đặt thư viện bằng cách sử dụng npm install react-timeagohoặc yarn add react-timeago. Nếu bạn đang sử dụng TypeScript, bạn có thể cần phải thêm các loại theo cách thủ công bằng cách cài đặt @types/react-timeagophụ thuộc.

Ví dụ về đoạn mã đơn giản
Kết quả từ đoạn trích dẫn

Thành phần TimeAgo lấy giá trị chính datecần là ngày bạn muốn hiển thị ở định dạng tương đối. Bằng cách cung cấp các đạo cụ khác, bạn thậm chí có thể thay đổi cách hiển thị văn bản, bạn cũng có thể sửa đổi tần suất cập nhật thành phần.

Bạn có thể thử nó trên sân chơi này https://codesandbox.io/s/brave-hellman-t42wovà tài liệu đầy đủ có thể được tìm thấy trên GitHub Repository .

Khi nào bạn nên sử dụng thư viện này?

Việc tự mình thực hiện loại logic trường hợp cạnh này có thể tốn thời gian và dễ xảy ra lỗi. Có thể là một động thái tốt khi cài đặt thư viện vào dự án của bạn nếu bạn đang làm việc trên ứng dụng nhắn tin, ứng dụng theo dõi hoặc bất kỳ ứng dụng nào khác làm việc với ngày tháng và bạn muốn người dùng của mình thấy một ngày tương đối đơn giản. Tuy nhiên, một số người dùng có thể thích ngày tuyệt đối hơn ngày tương đối, nhưng bạn có thể hiển thị cả hai ngày nếu bạn không chắc chắn về sở thích của họ, ví dụ: 14:38 (4 hours ago).

Phần kết luận

React TimeAgo đang giải quyết vấn đề một cách dễ hiểu, đang được thử nghiệm và đang được tải xuống hơn 60 nghìn lần mỗi tuần, làm cho thư viện trở nên đáng tin cậy.

Suggested posts

Tìm kiếm thông tin về tên miền

Đoạn trích từ Small, Sharp Software Tools của Brian P. Hogan

Tìm kiếm thông tin về tên miền

Khi bạn gửi yêu cầu tới facebook.com, máy tính của bạn sẽ tra cứu tên miền để dịch tên miền đó thành địa chỉ IP để máy tính của bạn có thể thực hiện kết nối đó.

Tránh những hậu quả tàn khốc của đột quỵ: Học hỏi từ hành trình của một gia đình.

Tránh những hậu quả tàn khốc của đột quỵ: Học hỏi từ hành trình của một gia đình.

Giới thiệu Đột quỵ là một trường hợp cấp cứu y tế có thể tấn công bất kỳ ai vào bất kỳ lúc nào. Nó xảy ra khi lưu lượng máu đến một phần của não bị gián đoạn, dẫn đến mất chức năng não đột ngột.

Related posts

Lời nói dối cao bồi

Làm thế nào các siêu tập đoàn đã bán cho người Mỹ một sự giả dối mạnh mẽ

Lời nói dối cao bồi

Đó là một buổi sáng vàng rực rỡ trên những ngọn đồi thoai thoải ở phía tây, khi những tia nắng đầu tiên chiếu sáng ngọn cỏ phủ sương trên đồng bằng. Một đàn gia súc Angus điềm đạm, đen tuyền và to lớn, in bóng dưới ánh bình minh khi chúng đi xuống con đường mòn bị đánh đập đến một địa phương mà tất cả chúng đều biết rõ; quán ăn sáng.

Tạo Môi Trường Làm Việc An Toàn

Tạo Môi Trường Làm Việc An Toàn

“Anh ấy sẽ bảo vệ tôi khi tôi gặp nguy hiểm. Anh ấy sẽ giấu tôi trong lều của anh ấy.

Cuộc đàn áp các Kitô hữu: Tội ác thù hận mà chúng ta không nói đến

Quên bài Hồi giáo đi: Cơ đốc nhân (và người Do Thái) là nạn nhân chính của tội ác căm thù tôn giáo.

Cuộc đàn áp các Kitô hữu: Tội ác thù hận mà chúng ta không nói đến

Bất kỳ lý trí nào cũng biết rằng giới chính trị và truyền thông bị chi phối bởi cánh tả, thậm chí là cực tả, một tình trạng tạo ra sự mất cân bằng trong diễn ngôn chính trị. Trong lĩnh vực tôn giáo, sự mất cân bằng này có thể thấy rõ ràng: các tờ báo và mạng lưới cánh tả không vội vàng bảo vệ đức tin Cơ đốc.

3 cách đã được chứng minh để cải thiện kỹ năng viết của bạn

Lợi ích của việc viết và các chiến lược giúp bạn làm điều đó

3 cách đã được chứng minh để cải thiện kỹ năng viết của bạn

Vào năm 2022, với việc phát hành GPT-3, kỹ năng viết dường như trở nên ít quan trọng hơn. Với AI, những người viết kém cũng có thể tạo ra đội ngũ nhân viên chất lượng.