Primeiros passos com React TimeAgo
Quando você precisa exibir o tempo relativo no passado em um aplicativo React.
Exibir o tempo relativo em sites está se tornando mais popular e mais conveniente para os usuários finais. WhatsApp, YouTube, Facebook, Uber e provavelmente a maioria dos aplicativos que você usa no dia-a-dia exibem datas em um formato relativo.
Qual problema a biblioteca está tentando resolver?
Exibir o tempo relativo no passado pode não ser tão fácil quanto pode parecer à primeira vista. Existem vários casos extremos e várias perguntas que precisam ser respondidas. Por exemplo, quantos dias tem um mês? Quantos dias, meses ou anos atrás são 22. 2. 2002 a partir de agora? Com que frequência o componente precisa ser atualizado? Como formatar a saída?
A biblioteca está tentando resolver todos esses problemas, embora seja pequena.
Como você pode usar a biblioteca?
Você pode instalar a biblioteca usando npm install react-timeagoou yarn add react-timeago. Se você estiver usando o TypeScript, pode ser necessário adicionar manualmente os tipos instalando a @types/react-timeagodependência.
O componente TimeAgo leva o objeto principal, dateque precisa ser a data que você deseja mostrar em um formato relativo. Ao fornecer outros adereços, você pode até mesmo alterar a forma como o texto é exibido, você também pode modificar a frequência com que o componente pode ser atualizado.
Você pode experimentar neste playground https://codesandbox.io/s/brave-hellman-t42woe a documentação completa pode ser encontrada no Repositório GitHub .
Quando você deve usar esta biblioteca?
Implementar esse tipo de lógica de caso extremo sozinho pode ser demorado e sujeito a erros. Pode ser uma boa jogada instalar a biblioteca em seu projeto se você estiver trabalhando em um aplicativo de mensagens, aplicativo de rastreamento ou qualquer outro aplicativo que trabalhe com datas e quiser que seus usuários vejam uma data relativa simples. No entanto, alguns usuários podem preferir a data absoluta em vez da data relativa, mas você pode mostrar as duas datas se não tiver certeza de sua preferência, por exemplo. 14:38 (4 hours ago).
Conclusão
O React TimeAgo está resolvendo o problema de uma maneira elegante, está sendo testado e está sendo baixado mais de 60 mil vezes por semana, tornando a biblioteca confiável.
Suggested posts
Encontrar informações sobre nomes de domínio
Um trecho de Small, Sharp Software Tools por Brian P. Hogan
Quando você faz uma solicitação para facebook.com, seu computador procura o nome de domínio para traduzir esse nome de domínio em um endereço IP para que seu computador possa fazer essa conexão.
Evitando as consequências devastadoras de um derrame: aprendendo com a jornada de uma família.
Introdução O AVC é uma emergência médica que pode atingir qualquer pessoa a qualquer momento. Ocorre quando o fluxo sanguíneo para uma parte do cérebro é interrompido, levando a uma perda repentina da função cerebral.
Related posts
Dois anos em design - O bom, o mau e o feio…
“Ei, Siri, toque Me Dive, de Olivia Dean.” Era maio de 2021 quando comecei meu estágio na Future Academy Africa em Akure, Nigéria.
A Mentira do Cowboy
Como as megacorporações venderam aos americanos uma mentira robusta
É uma manhã brilhantemente dourada nas colinas do oeste, enquanto os primeiros raios de sol iluminam a grama congelada nas planícies. Um rebanho de gado Angus plácido, preto e maciço, é recortado contra o nascer do sol enquanto segue por uma trilha batida até um local que todos conhecem bem; a barra de café da manhã.
Rede de TV Twitter
O que é velho agora é novo de novo e o que costumava ser a coisa brilhante e brilhante agora parece opaco. Não estou falando de jeans JNCO fazendo um retorno entre os garotos legais do centro da cidade junto com outras modas do final dos anos 1990.