Empezando con React TimeAgo
Cuando necesita mostrar el tiempo relativo del pasado en una aplicación React.
Mostrar el tiempo relativo en los sitios web se está volviendo más popular y más conveniente para los usuarios finales. WhatsApp, YouTube, Facebook, Uber y probablemente la mayoría de las aplicaciones que utiliza a diario muestran fechas en un formato relativo.
¿Qué problema está tratando de resolver la biblioteca?
Mostrar el tiempo relativo del pasado puede no ser tan fácil como parece a primera vista. Hay múltiples casos extremos y múltiples preguntas que deben responderse. Por ejemplo, ¿cuántos días tiene al mes? ¿Cuántos días, meses o años son 22. 2. 2002 a partir de ahora? ¿Con qué frecuencia es necesario actualizar el componente? ¿Cómo formatear la salida?
La biblioteca está tratando de resolver todos estos problemas sin dejar de ser pequeña.
¿Cómo se puede utilizar la biblioteca?
Puede instalar la biblioteca usando npm install react-timeagoo yarn add react-timeago. Si está utilizando TypeScript, es posible que deba agregar tipos manualmente instalando la @types/react-timeagodependencia.
El componente TimeAgo toma el accesorio principal, dateque debe ser la fecha que desea mostrar en un formato relativo. Al proporcionar otros accesorios, incluso puede cambiar la forma en que se muestra el texto, también puede modificar la frecuencia con la que se puede actualizar el componente.
Puedes probarlo en este patio de recreo https://codesandbox.io/s/brave-hellman-t42woy la documentación completa se puede encontrar en el repositorio de GitHub .
¿Cuándo debería utilizar esta biblioteca?
Implementar este tipo de lógica de casos extremos por su cuenta puede llevar mucho tiempo y ser propenso a errores. Puede ser una buena decisión instalar la biblioteca en su proyecto si está trabajando en una aplicación de mensajería, una aplicación de seguimiento o cualquier otra aplicación que trabaje con fechas y desea que sus usuarios vean una fecha relativa simple. Sin embargo, algunos usuarios pueden preferir la fecha absoluta sobre la fecha relativa, pero puede mostrar ambas fechas si no está seguro de su preferencia, por ejemplo. 14:38 (4 hours ago).
Conclusión
React TimeAgo está resolviendo el problema de una manera elegante, se está probando y se está descargando más de 60k veces por semana, lo que hace que la biblioteca sea confiable.
Suggested posts
Búsqueda de información sobre nombres de dominio
Un extracto de Small, Sharp Software Tools de Brian P. Hogan
Cuando realiza una solicitud a facebook.com, su computadora busca el nombre de dominio para traducir ese nombre de dominio en una dirección IP para que su computadora pueda hacer esa conexión.
Evitar las consecuencias devastadoras de un derrame cerebral: aprender del viaje de una familia.
Introducción Un accidente cerebrovascular es una emergencia médica que puede afectar a cualquier persona en cualquier momento. Ocurre cuando se interrumpe el flujo de sangre a una parte del cerebro, lo que lleva a una pérdida repentina de la función cerebral.
Related posts
La revolución del lugar de trabajo: los mejores expertos hablan sobre el trabajo híbrido y remoto
En el panorama empresarial en rápida evolución actual, el concepto de trabajo híbrido y remoto ha ganado un impulso sin precedentes. A medida que las empresas continúan adaptándose a las necesidades y expectativas cambiantes de sus empleados, expertos de varios campos se han reunido para analizar los beneficios, los desafíos y el futuro de esta forma transformadora de trabajar.
El primer libro para niños sobre drogarse
(Advertencia: esto es una sátira, con la intención de ser alegremente subversivo; definitivamente no es para niños) Has visto a tu mamá y papá esconderse en la cocina y fumar esos cigarrillos malolientes. ellos te dicen
El asesinato de Jordan Neely y el problema del racismo “patriótico”
¿Puede Estados Unidos dar el paso esencial de no equiparar el comportamiento racista con ser un buen estadounidense?
[Alerta de activación: este ensayo incluye capturas de pantalla de personas que elogiaron al asesino de Jordan Neely.] Los funcionarios encargados de hacer cumplir la ley finalmente, y quizás a regañadientes, acusaron a Daniel Penny, el hombre que estranguló a Jordan Neely hasta que murió, por ese homicidio.
Conversaciones peligrosas
Si queremos seguir prosperando en este planeta, vamos a tener que tener conversaciones peligrosas. Aquellas que desafían lo que hemos hecho, lo que estamos haciendo y lo que actualmente vamos a seguir haciendo (o planeamos hacer).