קומפוננטת Copy to Clipboard לעצלים שמכבדים את עצמם
קומפוננטת Copy ל-Clipboard שמעתיקה ערך ונותנת פידבק חכם עם אייקון משתנה — פשוטה, מהירה ומותאמת לפרונטנדים שרוצים להרים UX טוב בלי כאב ראש.
נתמקד רעיונות שימושיים שאפשר להבין מקריאה קלילה בלינקדין בלי להתעמק. כי יש פה אנשים שגולשים ב6 בבוקר והסיב אופטי במוח שלהם מת, ומה שנשאר זה רק חיבור של חוט אפור 2 גידים שקולט חצי מגה, וגם זה רק שמעקמים את הראוטר לדרום מזרח ומתפללים ממש חזק. אז מה להיום? 🤓 מצרף פה צילום קוד של קומפוננטת copy to clipboard שעושה את מה שאתם חושבים שהיא עושה. בלחיצה היא שומרת ערך שתיתנו לה בprops לתוך הclipboard כדי שהמשתמש הנהדר יוכל לעשות ctrl+v לתוך איפה שמתחשק לו. וכדי שיהיה חיווי שמשהו קרה, ולא נעצבן את המשתמש שגם ככה כואב לו הגב מהספונג'ה אנחנו מחליפים ל5 שניות את האייקון לchecked. ספריות: 🚀 react-icons בשביל האייקונים כי היא אחלה ספריה. tailwind כי אני עצלן מדיי בשביל להעלות 2 צילומי קוד.
שתף את המאמר
נכתב על ידי
Yosefus Flavius
מתכנת מוכשר בחסד עליון ככה אומרים עלי כולם - לפחות בפרצוף שלי, אני אוהב ומעולה בלטייל ולתכנן טיולים בעיקר במדינות מגניבות, ואני צלם חובב כבר מעל 10 שנים.
עקבו באינסטגרם