PracticU

הפסקת האזנה לשינויים ברידקס
Redux Unsubscribing to Store Changes

בלי כתוביותעם כתוביות
PracticU › קורס ריאקט - React › הפסקת האזנה לשינויים ברידקס Redux Unsubscribing to Store Changes
מילון מושגים:
רכיב - יחידת בניין עצמאית וניתנת לשימוש חוזר בתוך מערכת או ממשק משתמש, שאחראית על חלק מוגדר מהתפקוד.
פונקציה - קטע קוד בעל שם שמבצע משימה מוגדרת, מקבל ערכי קלט (פרמטרים) ויכול להחזיר תוצאה. מאפשרת לארגן קוד ולהשתמש בו שוב.
משתנה - שם שמפנה למקום בזיכרון שבו נשמר ערך שיכול להשתנות במהלך ריצת התוכנית, כמו מספר, טקסט או אובייקט.
מחלקה - תבנית בתכנות מונחה עצמים שמגדירה אילו נתונים ופעולות יהיו לאובייקטים שנוצרים ממנה.

הפסקת האזנה לשינויים ברידקס Redux Unsubscribing to Store Changes
איך מפסיקים האזנה שנרשמה ב-Redux עם subscribe, ולמה זה נחשב נוהג טוב גם כשהקומפוננטה מוצגת כל הזמן.
איך זה עובד
1. למה להפסיק: האזנה פוגעת בפרפורמנס ומעיקה על המערכת. גם אם הקומפוננטה תמיד מוצגת, נכון להפסיק להאזין כשאין בה עוד שימוש.
2. מתי: ההאזנה התחילה ב-componentDidMount, ולכן מפסיקים אותה ב-componentWillUnmount, כשהמערכת הורסת את הרכיב.
3. רק ההאזנה שלנו: רבות מהקומפוננטות באתר יכולות להאזין, ומפסיקים רק את ההאזנה שהרכיב הזה יצר ולא את האחרות.
4. הפונקציה המוחזרת: כל קריאה ל-subscribe מחזירה פונקציה שמבטלת בדיוק את אותה ההאזנה. הדוגמה: פונקציה a שמחזירה פונקציה, ומשתנה b שמקבל אותה וקוראים לו כפונקציה.
5. שמירה במחלקה: מגדירים שדה private בשם unsubscribeMe מסוג Unsubscribe של Redux ומציבים בו את התוצאה של store.subscribe. ב-componentWillUnmount קוראים ל-this.unsubscribeMe().
בדיקה
הדגמה עם alert של unsubscribe שמוצג בעת היציאה מהקומפוננטה, לאחר שהקומפוננטה הוחזרה זמנית לפרטי מוצר כדי שייווצר ויושמד. ה-alert הופיע, ואז הוסר מהקוד.
אחרי השיעור אפשר להירשם להאזנה ולבטל אותה בצורה מבוקרת עבור קומפוננטה אחת בלבד.
השיעור הבא בקורס: שיטה לניהול Reducer אחד בלבד

פרקי ההרצאה: הפסקת האזנה לשינויים ברידקס Redux Unsubscribing to Store Changes

  1. 00:00

    למה להפסיק להאזין

  2. 01:05

    מתי מפסיקים להאזין

  3. 01:41

    שימוש ב-Component Will Unmount

  4. 02:21

    הפסקת האזנה ספציפית בלבד

  5. 02:59

    פונקציה כ-value ב-JavaScript

תמלול ההרצאה: הפסקת האזנה לשינויים ברידקס Redux Unsubscribing to Store Changes

הטקסט המלא של הדקות הראשונות בהרצאה «הפסקת האזנה לשינויים ברידקס Redux Unsubscribing to Store Changes» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

  1. 00:02

    והדבר האחרון שרידאקס מאפשרת לנו זה להפסיק להאזין. וקודם כל השאלה הנשאלת זה למה לנו להפסיק להאזין? מה רע בהאזנה הזאת? כאשר אתם מבצעים סאבסקרייב לכל דבר, סאבסקרייב זולל משאבים ופרפורמנס.

  2. 00:22

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

  3. 00:44

    אז אתם צודקים לגמרי. אם הקומפוננטה תמיד תמיד מוצגת, אוקיי, אז תמיד אני צריך להאזין, אני לא צריך להפסיק להאזין, אבל זה תמיד good practice להפסיק להאזין כשאני לא צריך יותר את הקומפוננטה.

  4. 01:01

    אפילו שהיא נמצאת באופן תמידי על הדף, לדוגמה באזור של ה-Layout. אז מתי אני רוצה להפסיק להאזין? אנחנו התחלנו את ההאזנה ב-Component did mount.

  5. 01:17

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

  6. 01:41

    וזה כמובן מתבצע ב-Component will un-mount שלמדנו בעבר. Component will un-mount מתבצע כאשר הרכיב שלנו לא נדרש יותר והמערכת הורסת אותו. בשלב הזה בדיוק אנחנו רוצים להפסיק להאזין.

  7. 01:58

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

  8. 02:26

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

  9. 02:49

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

  10. 03:08

    אז אם יש לי פה function a, אנחנו כמובן יכולים to return 1, 2, 3, או to return i, או to return function כלשהי, שעושה משהו. אם אנחנו עכשיו קוראים ל-a על ידי משתנה b

לקורס המלא: קורס ריאקט אונליין

ההרצאה הקודמת: האזנה לשינויים ברידקס - Redux Subscribing to Store Changes

ההרצאה הבאה: שיטה לניהול Reducer אחד בלבד

הרצאות קשורות מקורסים אחרים

  • האזנה ל-PayPal עם Frida SSL Unpinning
  • האזנה ברשת ויצירת שיתוף SMB על Kali
  • התקנת תוכנות מחנות של מיקרוסופט - Microsoft Store

קורסים נוספים במסלול

  • קורס יסודות HTML - בניית אתר אינטרנט פשוט
  • קורס CSS 3 - בדגש על Flex & Grid
  • קורס Javascript כולל JQuery
  • קורס ג'אווה סקריפט מעשי - JavaScript
  • קורס TypeScript
  • קורס NodeJS