
UserModel.ts עם interface (אפשר גם class) ומייצאים אותו כ-export default. הוא כולל את id (מספר), firstName, lastName (מחרוזות), username ו-password.הטקסט המלא של הדקות הראשונות בהרצאה «יצירת User Mode בריאקט» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
אוקיי, אז בואו ניגש לתוך הקוד ונתחיל לראות מה אנחנו צריכים לעשות בשביל לבנות כל המנגנון הזה. דבר ראשון, אנחנו רוצים להתעסק עם כל הנושא של הרשמה לפני שאנחנו מתעסקים עם כניסה, כלומר רג'יסטר לפני לוגאין.
לכן, מה שאנחנו רוצים לעשות זה לבנות לעצמנו את כל התשתית שמתאימה עבור שמירת המידע של היוזר, אותו מידע שאנחנו מקבלים מהטוקן, מהבקאנד וכדומה.
לאחר מכן נבנה טופס להרשמה, נראה איך אנחנו משלבים אותו, לאחר מכן נבנה טופס לכניסה, איך אנחנו משלבים אותו, לאחר מכן איך אנחנו עושים לוג אאוט, ונתקדם לעוד דברים שקשורים לנושא.
אז מה שאנחנו רוצים זה במודל הזה לבנות מודל מיוחד עבור היוזר. אני אקרא לו UserModel.ts. כאן יש לנו אינטרפייס, אפשר גם לבנות את זה עם קלאסט כמובן, UserModel, ואנחנו רוצים להחצין אותו, ספורט דיפולט יוזר מודל. בתוך האינטרפייס יש לנו את האיי-די של היוזר שהוא נאמבר,
יש לנו כל מיני דברים שהבקאנד מחזיר או שהבקאנד צריך, יש לנו את ה-first name, סטרינג, יש לנו last name, סטרינג, אלו לא דברים שאני ממציא, אלו דברים שאני צריך לדעת לפי הדוקומנטציה של מה הבקאנד צריך.
בנוגע ל-user name, אנחנו צריכים user name ו-password ושימו תשימו לב שמאוד חשוב שהנימינג יהיה אותו הדבר כמו שהשרת מצפה לקבל או להחזיר.
נניח, אם השרת מחזיר יוזרניים בצורה כזאת, אני לא יכול להחליט שהיוזרניים שלי הוא יוזרניים אם אין גדולה. אני צריך להיות בול תואם למה השרת עובד.
וספציפית, אני מכיר את השרת הזה. יש לנו בשרת את הלינק הזה של רג'יסטר, יש לנו את הלינק הזה של לוגין,