5 esempi di componenti Avatar Perfect React
1. Reagisci Avatar
Carica, ritaglia e visualizza l'anteprima dell'avatar con il componente ReactJS.
Visualizza demo: https://kirill3333.github.io/react-avatar/
2. Reagisci all'editor di avatar
Mi piace di Facebook, componente avatar / immagine del profilo. Ridimensiona, ritaglia e ruota l'immagine caricata utilizzando un'interfaccia utente chiara.
Dimostrazione: https://react-avatar-editor.netlify.com/
3. Reagisci all'avatar Cropper
React Avatar Cropper mira a essere una soluzione pronta all'uso per risolvere il problema del ritaglio dell'avatar per il 99% dei casi d'uso comuni. La maggior parte delle volte si desidera che venga visualizzato un modale, consentire all'utente di ritagliare l'immagine caricata e quindi si desidera ricevere i dati base64 da visualizzare e inviare al server. React Avatar Cropper si occupa di questo caso d'uso.
Prendendo ispirazione dal ritaglio di foto degli utenti di Slack e Facebook, react-avatar-cropper è qui per semplificare.
4. Reagisci Avatar
L'avatar universale consente di recuperare/generare un avatar in base alle informazioni che hai su quell'utente. Utilizziamo un sistema di fallback che, se ad esempio viene utilizzato un ID Facebook non valido, proverà con Google e così via.
Visualizza su Github: https://github.com/Sitebase/react-avatar
5. Reagisci Avatar utente
Componente React per un avatar utente con ripiego alle iniziali colorate
Un display avatar utente essenziale con supporto per tornare all'utilizzo delle iniziali dell'utente su uno sfondo colorato come avatar.
Grazie per aver letto!!
#reactjs #javascript