웹 사이트에 상대적인 시간을 표시하는 것이 점점 인기를 얻고 있으며 최종 사용자에게 더 편리합니다. WhatsApp, YouTube, Facebook, Uber 및 매일 사용하는 대부분의 응용 프로그램은 날짜를 상대적 형식으로 표시합니다.

도서관이 해결하려는 문제는 무엇입니까?

과거의 상대적 시간을 표시하는 것은 처음 보는 것만 큼 쉽지 않을 수 있습니다. 답변해야 할 여러 가지 주요 사례와 여러 질문이 있습니다. 예를 들어, 한 달에 며칠이 있습니까? 지금으로부터 몇 일, 몇 달 또는 몇 년 전이 22. 2. 2002입니까? 구성 요소를 얼마나 자주 업데이트해야합니까? 출력 형식을 지정하는 방법은 무엇입니까?

도서관은 여전히 ​​크기가 작 으면서 이러한 모든 문제를 해결하기 위해 노력하고 있습니다.

도서관 이용은 어떻게하나요?

당신은 사용하여 라이브러리를 설치할 수 있습니다 npm install react-timeago또는 yarn add react-timeago. TypeScript를 사용하는 경우 @types/react-timeago종속성 을 설치하여 유형을 수동으로 추가해야 할 수 있습니다 .

TimeAgo 구성 요소는 date상대 형식으로 표시하려는 날짜 여야 하는 주요 소품 을 사용합니다. 다른 소품을 제공하여 텍스트가 표시되는 방식을 변경할 수도 있고 구성 요소를 업데이트 할 수있는 빈도를 수정할 수도 있습니다.

이 놀이터에서 시도해 볼 수 있습니다 https://codesandbox.io/s/brave-hellman-t42wo전체 문서는 GitHub Repository 에서 찾을 수 있습니다 .

이 라이브러리는 언제 사용해야합니까?

이러한 종류의 에지 케이스 로직을 모두 혼자 구현하는 것은 시간이 많이 걸리고 오류가 발생하기 쉽습니다. 메시징 응용 프로그램, 추적 응용 프로그램 또는 날짜로 작업하는 다른 응용 프로그램에서 작업하고 있고 사용자에게 간단한 상대 날짜를 표시하려는 경우 프로젝트에 라이브러리를 설치하는 것이 좋습니다. 그러나 일부 사용자는 상대 날짜보다 절대 날짜를 선호 할 수 있지만 선호도가 확실하지 않은 경우 두 날짜를 모두 표시 할 수 있습니다. 14:38 (4 hours ago).

결론

React TimeAgo는 우아한 방식으로 문제를 해결하고 테스트 중이며 매주 6 만 회 이상 다운로드되어 라이브러리를 안정적으로 만듭니다.