5 esempi di componenti Avatar Perfect React

Blog

5 esempi di componenti Avatar Perfect React

1. Reagisci Avatar

Carica, ritaglia e visualizza l'anteprima dell'avatar con il componente ReactJS.



Reagisci Avatar

Visualizza demo: https://kirill3333.github.io/react-avatar/



Visualizza su Github

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.



Reagisci all'editor di avatar

Dimostrazione: https://react-avatar-editor.netlify.com/

Visualizza su Github

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.

Reagisci Avatar Cropper

Prendendo ispirazione dal ritaglio di foto degli utenti di Slack e Facebook, react-avatar-cropper è qui per semplificare.

Visualizza su Github

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.

Reagisci Avatar

Dimostrazione

Visualizza su Github: https://github.com/Sitebase/react-avatar

5. Reagisci Avatar utente

Componente React per un avatar utente con ripiego alle iniziali colorate

Reagisci UserAvatar

Un display avatar utente essenziale con supporto per tornare all'utilizzo delle iniziali dell'utente su uno sfondo colorato come avatar.

Visualizza su Github

Grazie per aver letto!!

#reactjs #javascript