PracticU

רידקס - יצירת Action

בלי כתוביותעם כתוביות
PracticU › קורס ריאקט - React › רידקס - יצירת Action
מילון מושגים:
אובייקט - יחידה בתכנות מונחה עצמים שמאגדת נתונים (תכונות) ופעולות (מתודות). נוצר בדרך כלל ממחלקה המשמשת כתבנית.
סטייט - המידע על מצבו הנוכחי של רכיב או אפליקציה בזמן נתון, שמשתנה ומשפיע על מה שמוצג.
מערך - מבנה נתונים שמאחסן אוסף ערכים מאותו סוג ברצף, שאפשר לגשת אליהם לפי מספר מיקום (אינדקס).
מודל - רכיב שמייצג את הנתונים ואת הלוגיקה העסקית באפליקציה. גם ייצוג מופשט של מערכת או תהליך.
קומפיילר - תוכנה שממירה קוד מקור שנכתב בשפת תכנות לקוד שהמחשב יכול להריץ, ומדווחת על שגיאות תחביר.
רידקס - יצירת Action
אובייקט האקשן הוא אחד מאבני היסוד של רידקס: הוא מתאר איזו פעולה רוצים לבצע ועם איזה מידע, ובלעדיו אין דרך לעדכן את ה-state.
מה מרכיב אקשן
1. type: כל אקשן מכיל שדה type שמגדיר את סוג הפעולה - למשל הוספת מוצר, עדכון מוצר, מחיקת מוצר או קבלת כל המוצרים - ולפי הסוג הזה המערכת יודעת אילו לוגיקה להפעיל.
2. payload: לכל אקשן יש payload אחד ויחיד בלבד, שהוא המידע המרכזי שעובר לתוך רידקס. גם אם ה-payload הוא מערך או אובייקט, הוא עדיין נחשב לפריט מידע אחד.
3. payload שמשתנה לפי הפעולה: בהוספה ובעדכון ה-payload הוא מוצר שלם (product model), במחיקה הוא רק מספר שהוא ה-ID של המוצר, ובפעולת קבלת כל המוצרים הוא מערך של מוצרים.
4. בחירת הטיפוס: נראה שאפשר להגדיר union type שמאגד את כל האפשרויות, אבל בפועל זה גורם לבעיות בקומפיילר, ולכן הפתרון הפשוט שנבחר הוא להגדיר את ה-payload כ-any.
כך מתקבל האינטרפייס שמגדיר את צורת האובייקט שנשלח לרידקס כדי לבצע פעולה על ה-state.
השיעור הבא בקורס: רידקס - יצירת Action Creators - ריאקט

פרקי ההרצאה: רידקס - יצירת Action

  1. 00:00

    מהו Action ברידאקס

  2. 00:40

    בניית interface עם type ו-payload

  3. 01:20

    סוג ה-payload לכל פעולה

תמלול ההרצאה: רידקס - יצירת Action

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

  1. 00:02

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

  2. 00:16

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

  3. 00:28

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

  4. 00:50

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

  5. 01:08

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

  6. 01:20

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

  7. 01:31

    אבל כשאנחנו רוצים למחוק מוצר, אין לנו צורך לשלוח את המוצר עצמו, אלא רק את ה-ID שלו. אז בעצם הדבר הזה לא נקרא, זה אמור להיות number.

  8. 01:41

    וכשאנחנו רוצים to set all products, אז אנחנו בעצם צריכים לשלוח product model, סוגריים. אז יש לנו כאילו Union type, כאילו כמה דברים שונים שאנחנו יכולים לשלוח.

  9. 01:54

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

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

ההרצאה הקודמת: רידקס - יצירת Action Types

ההרצאה הבאה: רידקס - יצירת Action Creators - ריאקט

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

  • Floating Action Button

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

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