רידקס - Dispatching Data to the Store

תמלול ההרצאה: רידקס - Dispatching Data to the Store

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

1. 00:02

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

2. 00:24

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

3. 00:34

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

4. 00:52

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

5. 01:10

   בינתיים ניתן לו להתחיל לרוץ כי אני רואה שהוא לא רץ לי npm start go ונדליק את northwind שיהיה לנו פה את ה-backend מעולה ואנחנו אנחנו רוצים פשוט מאוד ברגע שקיבלנו את המוצרים אלינו, אנחנו רוצים גם להכניס אותם ל-Global State של Redux, לכאן Product State,

6. 01:37

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

7. 01:46

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

8. 01:57

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