PracticU

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

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

רידקס - יצירת Action Creators - ריאקט
ההרצאה מסבירה מהם Action Creators בריאקט עם Redux, ואיך בונים פונקציות שמייצרות את האובייקטים שנשלחים למנגנון ניהול המצב.
מה Action Creator עושה
1. בניית אובייקט: פונקציה שמחזירה Action מוכן, עם סוג הפעולה והנתון שצריך להעביר.
2. לא חובה: אפשר לייצר את האובייקט ידנית בכל מקום, אבל ריכוז היצירה בפונקציה אחת מקל על העבודה בהמשך.
3. הנתון בתוך הפעולה: כל פונקציה מקבלת את הנתון הנדרש, למשל מוצר להוספה, ולא צריכה לדעת מה ייעשה בו.
ארבע הפונקציות בשיעור
1. הוספת מוצר: מקבלת מוצר חדש ומחזירה Action מסוג הוספה.
2. עדכון מוצר: מחזירה Action מסוג עדכון עם המוצר המעודכן.
3. מחיקת מוצר: מקבלת מזהה מספרי בלבד, כי רק המזהה נחוץ למחיקה.
4. הגדרת כל המוצרים: מחזירה Action שמחליף את רשימת המוצרים כולה.
הקוד שבקומפוננטות נשאר קצר, כי הן קוראות לפונקציה במקום לבנות את האובייקט בעצמן.
השיעור הבא בקורס: רידקס - יצירת Reducer - ריאקט

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

  1. 00:00

    מהם Action Creators

  2. 00:40

    ריכוז יצירת ה-Action במקום אחד

  3. 01:19

    פונקציה לכל Action Type

  4. 01:59

    קבלת payload והחזרת האובייקט

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

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

  1. 00:02

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

  2. 00:20

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

  3. 00:42

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

  4. 01:00

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

  5. 01:19

    יש לנו ארבעה אקשן טייפס כרגע אז הולכות להיות לנו ארבע פונקציות. פונקציה ראשונה בואו נבנה אותה export function נקרא לה add product אקשן יכולנו לקרוא לה get add product action אבל נראה לי ש add product action זה בהחלט שם ברור כל פונקציה כזאת צריכה לקבל את אותו payload כי מה התפקיד בעצם של כל הפונקציות האלה התפקיד

  6. 01:44

    שלהם זה לייצר את האובייקטי אקשן שמתאימים לפעולה הפונקציות לא יודעות מהו אותו data שאנחנו רוצים להוסיף הם צריכות לקבל את הdata הזה זאת אומרת שהפונקציה שהתפקיד שלה זה להוסיף צריכה לקבל את אותו המוצר להוספה product-to-add.

  7. 02:06

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

  8. 02:22

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

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

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

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

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

  • Floating Action Button

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

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