מדריך אנגולר בסיסי 101 – חלק 4 – מתחילים לבנות

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

שניה לפי זה, אני ממליץ להכיר מספר דברים כדי שהתכנון והבניה יהיו טובים יותר.

בגדול יש 2 אסטרטגיות בניה עקריות מקובלות:

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

לכל שיטה יש יתרונות וחסרונות, מומלץ להכיר אותן ולחשוב טוב לפני תחילת בנית הפרויקט.

למידע נוסף, ניתן לקרוא כאן:

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

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

להמשך מידע, ניתן לקרוא כאן:

הרכיבים

כאשר אנחנו בונים רכיבים , לרוב (וכברירת מחדל) יופיע לנו בכל רכיב שורה כזו:

selector: 'app-myApp',

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

<app-myApp></app-myApp>

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

ולבסוף, אני רוצה להצליץ על עוד פוסט אחד שרצוי להכיר:

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

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

בהצלחה 🐊

פוסטים קשורים:

מדריך אנגולר בסיסי 101 – חלק 3 – תפקיד הספריות החדשות שיצרנו מדריך אנגולר בסיסי 101 – חלק 1 – התקנה מדריך אנגולר בסיסי 101 – חלק 2 – הכרה של הפרויקט איך לבנות Directive באנגולר