התקנת רידקס - Redux

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

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

1. 00:02

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

2. 00:19

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

3. 00:28

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

4. 00:44

   אנחנו רוצים את כל הקוד שלנו ב-Redux, כי יש כל מיני קבצים שמשתתפים פה בתהליך. אנחנו רוצים לרכז בתיקייה אחת, אבל זה לא Asset וזה לא Component וזה לא מודל וזה לא Service.

5. 01:00

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

6. 01:27

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

7. 01:42

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

8. 02:07

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