הדגמה של Decorators

תמלול ההרצאה: הדגמה של Decorators

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

1. 00:02

   טוב, אז אחרי שהבנו מה זה בגדול, כן? Decorators, בואו נשלב אותם כאן. דבר ראשון, נלך ל-tsconfig ונאשר שימוש בדקורטורס. Experimental Decorators true.

2. 00:20

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

3. 00:42

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

4. 01:06

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

5. 01:27

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

6. 01:56

   האלה אקשן, בואו ניקח את האקשן מעל הראשון, שני,