Iniziare con React TimeAgo
Quando devi visualizzare il tempo relativo del passato in un'applicazione React.
La visualizzazione del tempo relativo sui siti Web sta diventando sempre più popolare ed è più conveniente per gli utenti finali. WhatsApp, YouTube, Facebook, Uber e probabilmente la maggior parte delle applicazioni che utilizzi quotidianamente visualizzano le date in un formato relativo.
Quale problema sta cercando di risolvere la biblioteca?
Visualizzare il tempo relativo del passato potrebbe non essere così facile come potrebbe sembrare a prima vista. Esistono più casi limite e più domande a cui è necessario rispondere. Ad esempio, quanti giorni ha un mese? Quanti giorni, mesi o anni fa sono 22. 2. 2002 da oggi? Con quale frequenza è necessario aggiornare il componente? Come formattare l'output?
La biblioteca sta cercando di risolvere tutti questi problemi pur essendo di piccole dimensioni.
Come puoi usare la libreria?
Puoi installare la libreria usando npm install react-timeagoo yarn add react-timeago. Se stai usando TypeScript, potresti dover aggiungere manualmente i tipi installando la @types/react-timeagodipendenza.
Il componente TimeAgo prende l'oggetto principale dateche deve essere la data che vuoi mostrare in un formato relativo. Fornendo altri oggetti di scena puoi anche cambiare il modo in cui il testo viene visualizzato, puoi anche modificare la frequenza con cui il componente può essere aggiornato.
Puoi provarlo in questo parco giochi https://codesandbox.io/s/brave-hellman-t42woe la documentazione completa può essere trovata su GitHub Repository .
Quando dovresti usare questa libreria?
L'implementazione da soli di questo tipo di logica del caso limite può richiedere molto tempo e essere soggetta a errori. Potrebbe essere una buona mossa installare la libreria nel tuo progetto se stai lavorando su un'applicazione di messaggistica, un'applicazione di monitoraggio o qualsiasi altra applicazione che lavora con le date e vuoi che i tuoi utenti vedano una semplice data relativa. Alcuni utenti potrebbero tuttavia preferire la data assoluta rispetto alla data relativa, ma puoi mostrare entrambe le date se non sei sicuro della loro preferenza, ad es. 14:38 (4 hours ago).
Conclusione
React TimeAgo sta risolvendo il problema in modo elegante, è in fase di test e viene scaricato più di 60k volte a settimana, rendendo la libreria affidabile.
Suggested posts
Ricerca di informazioni sui nomi di dominio
Un estratto da Small, Sharp Software Tools di Brian P. Hogan
Quando fai una richiesta a facebook.com, il tuo computer cerca il nome di dominio per tradurre quel nome di dominio in un indirizzo IP in modo che il tuo computer possa effettuare quella connessione.
Evitare le conseguenze devastanti di un ictus: imparare dal viaggio di una famiglia.
Introduzione Un ictus è un'emergenza medica che può colpire chiunque in qualsiasi momento. Si verifica quando il flusso sanguigno verso una parte del cervello viene interrotto, portando a un'improvvisa perdita della funzione cerebrale.
Related posts
"La fossa delle Marianne svelata: svelare le terrificanti verità nascoste dell'abisso"
Introduzione:Benvenuti, coraggiosi lettori, in un viaggio che ci porterà nelle profondità più oscure del nostro pianeta. In questo blog, ci addentriamo nel mondo enigmatico della Fossa delle Marianne, scoprendo i suoi segreti nascosti e scoprendo le verità agghiaccianti che giacciono sotto la sua superficie.
Cosa rende influente un podcast?
La scorsa settimana ho notato un comunicato stampa, inviato tramite PressGazette (un sito Web di notizie sui media britannici). L'articolo annunciava che Acast, la società di hosting e pubblicità di podcast di Scandi, avrebbe guidato un consorzio di editori "probabilmente i più influenti" nel podcasting.
Ricerca di informazioni sui nomi di dominio
Un estratto da Small, Sharp Software Tools di Brian P. Hogan
Quando fai una richiesta a facebook.com, il tuo computer cerca il nome di dominio per tradurre quel nome di dominio in un indirizzo IP in modo che il tuo computer possa effettuare quella connessione.