ראשיאודותטיוליםצילוםfull Stack
Yosefus FlaviusYosefus Flavius

Yosefus flavius

אני בעצמי

קישורים מהירים

  • דף הבית
  • אודות
  • בלוג
logo

© 2025 Yosefus Flavius WebDeveloper

 קומפוננטת Copy to Clipboard לעצלים שמכבדים את עצמם - מדריך מקיף עם טיפים ומידע שימושי

קומפוננטת Copy to Clipboard לעצלים שמכבדים את עצמם

  1. בית
  2. >
  3. Full Stack
26 באפריל 2025• זמן קריאה: 1 דקות

קומפוננטת Copy ל-Clipboard שמעתיקה ערך ונותנת פידבק חכם עם אייקון משתנה — פשוטה, מהירה ומותאמת לפרונטנדים שרוצים להרים UX טוב בלי כאב ראש.

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

תמונת הסבר נוספת למאמר
linkedin
whatsapp
facebook
x
Y

Yosefus Flavius

כותב הבלוג

כתבות קשורות

כתבות דומות

בחשיבות הגיבוי ובגנות ארעיות החיים — מדריך עם חיוך
27 באפריל 2025
Full Stack>>REACT

בחשיבות הגיבוי ובגנות ארעיות החיים — מדריך עם חיוך

גיבוי זה לא המלצה — זו הצלה מעצבים, מנוטלה ומגלידות עצב! פוסט מצחיק ומפוכח על למה כדאי לדאוג לגיבוי בענן או בדיסק חיצוני, ואיך עבודה נכונה עם Git יכולה לחסוך לכם הרבה כאבי לב דיגיטליים.

הוק פשוט לשמירת נתונים ב-localStorage ב-React
9 באוקטובר 2024
Full Stack>>REACT

הוק פשוט לשמירת נתונים ב-localStorage ב-React

בפוסט הזה נלמד איך ליצור הוק פשוט ב-React לשמירת נתונים ב-localStorage. גלו איך להשתמש בהוק לשמירה ושאיבה של נתונים, עם גרסה בסיסית שמכסה את הצרכים הבסיסיים של רוב הפרויקטים.

הוקים מותאמים אישית ב-React: איך ליצור ולהשתמש ב-useApi
15 בפברואר 2024
Full Stack>>REACT

הוקים מותאמים אישית ב-React: איך ליצור ולהשתמש ב-useApi

הוקים מותאמים אישית ב-React מאפשרים לפתח קוד נקי וניתן לשימוש חוזר. במדריך זה נלמד על הוק useApi, יתרונותיו, חסרונותיו והשימושים האפשריים בו.