קורס ריאקט - Context

תמלול ההרצאה: קורס ריאקט - Context

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

1. 00:02

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

2. 00:16

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

3. 00:33

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

4. 00:46

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

5. 01:07

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

6. 01:29

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

7. 01:45

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

8. 01:58

   הנה יש לנו פה את השחורה,