ריאקט - Propagating a Context Object

תמלול ההרצאה: ריאקט - Propagating a Context Object

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

1. 00:02

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

2. 00:24

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

3. 00:40

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

4. 00:56

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

5. 01:08

   אותו Layout, כאן אנחנו יכולים לעטוף אותו. לעטוף את ה-Dive הזאת, או לעטוף את ה-Browse Router. אפשר במקום זה לגשת ואפילו לעטוף את האינדקס, כאן.

6. 01:22

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

7. 01:52

   שיש שניים, ואנחנו רוצים אותו מפה, היא זה שלנו, אני רואה שיש עוד אחד של Styled Components, אנחנו רוצים את זה, ונסגור אותו כאן, Team Context.

8. 02:05

   כעת מה שהוא מבקש מאיתנו, הוא אומר לנו, תשמעו, אתם רוצים להפיץ משהו, אני רק מעטפת כזאת, בתוך ה-Team Context יש משהו שנקרא Provider,