Начало работы с React TimeAgo
Когда вам нужно отобразить относительное время из прошлого в приложении React.
Отображение относительного времени на веб-сайтах становится все более популярным и более удобным для конечных пользователей. 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 .
Когда следует использовать эту библиотеку?
Самостоятельная реализация такой логики крайнего случая может занять много времени и привести к ошибкам. Установка библиотеки в проект может быть хорошим шагом, если вы работаете с приложением для обмена сообщениями, приложением для отслеживания или любым другим приложением, работающим с датами, и хотите, чтобы ваши пользователи видели простую относительную дату. Однако некоторые пользователи могут предпочесть абсолютную дату относительной, но вы можете показать обе даты, если не уверены в их предпочтениях, например. 14:38 (4 hours ago).
Заключение
React TimeAgo элегантно решает проблему, тестируется и загружается более 60 тысяч раз в неделю, что делает библиотеку надежной.
Suggested posts
Поиск информации о доменных именах
Отрывок из книги «Маленькие программные инструменты Sharp» Брайана П. Хогана.
Когда вы делаете запрос на facebook.com, ваш компьютер ищет доменное имя, чтобы преобразовать это доменное имя в IP-адрес, чтобы ваш компьютер мог установить это соединение.
Как избежать разрушительных последствий инсульта: уроки семейного опыта.
Введение Инсульт — это неотложная медицинская помощь, которая может случиться с кем угодно в любое время. Это происходит, когда приток крови к части мозга нарушается, что приводит к внезапной потере функции мозга.
Related posts
Убийство Джордана Нили и проблема «патриотического» расизма
Могут ли США сделать важный шаг и не приравнивать расистское поведение к тому, чтобы быть хорошим американцем?
[Предупреждение: в этом эссе есть снимки экрана, на которых люди восхваляют убийцу Джордана Нили.] Сотрудники правоохранительных органов наконец — и, возможно, неохотно — предъявили обвинение в этом убийстве Дэниелу Пенни, человеку, который душил Джордана Нили, пока тот не умер.
Архив этой угрозы: Том 7 Черный Баста
В современном взаимосвязанном мире угроза кибератак более распространена, чем когда-либо. Киберпреступники и государственные деятели постоянно стремятся использовать уязвимости и украсть ценные данные, подвергая организации любого размера значительному риску.
Первая детская книга о кайфе
(Предупреждение — это сатира, предназначенная для радостной подрывной деятельности — определенно не для детей) Вы видели, как ваши мама и папа прячутся на кухне и курят эти вонючие сигареты. Они говорят вам.
Поиск информации о доменных именах
Отрывок из книги «Маленькие программные инструменты Sharp» Брайана П. Хогана.
Когда вы делаете запрос на facebook.com, ваш компьютер ищет доменное имя, чтобы преобразовать это доменное имя в IP-адрес, чтобы ваш компьютер мог установить это соединение.