קורס React 2020 שיעור תרגול: useEffect

הי,

useEffect הוא הדרך היחידה לחבר בין סטייט בתוך קומפוננטה של ריאקט לבין אירועים מחוץ לקומפוננטה. בדוגמאות שראינו כאן זה היה רישום לשינוי בוידאו, רישום למידע שמגיע מ API חיצוני או רישום לתקתוק של שעון.

הנה עוד כמה רעיונות לדוגמאות שאת יכולה לנסות לכתוב ותראי שאי אפשר לממש אותן בלי useEffect:

  1. קומפוננטה שמציגה תמיד את מיקום העכבר הנוכחי
  2. קומפוננטה שמציגה תמיד את גודל חלון הדפדפן (ומתעדכנת כשמשתמשים משנים את החלון)
  3. קומפוננטה שמזהה כשמשתמשים לוחצים על האזור שמחוץ לאותה קומפוננטה (למשל דיאלוג שצריך להיעלם כשלוחצים מחוץ לתיבה של הדיאלוג)