היכרות עם אותות: הפרימיטיבי החדש של Angular לתגובתיות

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

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

מה הם אותות?

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

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

כיצד להשתמש באותות בזווית

אות ייראה בערך כך:

@רְכִיב({
 בוחר: 'האפליקציה שלי',
 עצמאי: נָכוֹן,
 תבנית: `
 ספירה: {{ count() }} </div>
 כפול: {{ double() }} </div>
"changeCount()"></button>
`,
})
יְצוּאמעמד AppComponent{
 ספירה = אות(0)
 כפול = מחושב(() =>זֶה.לספור() * 2);

 changeCount() {
זֶה.count.set(5)
 }
}

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

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

מדוע הכנסת אותות חשובה

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

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

איתותים יפגישו את שתי הגישות הנפרדות הללו. כולם יכולים ללמוד אותות כברירת מחדל, להתחיל ללמוד את המושגים מאחורי תגובתיות, ואפילו לא לדאוג לשילוב ה-RX.js של Angular אם הם לא יכולים או לא רוצים.

ברגע שתרגיש בנוח עם היסודות של Angular וברצונך לעבור לסגנון קידוד הצהרתי יותר, אתה יכול בקלות להוסיף RX.js למושגים שאתה כבר מבין.

אותות אמורים לשפר תכנות זוויתי לכולם

Signals הוא המנגנון התגובתי החדש של Angular שבו אתה יכול להשתמש כדי ליצור ערכים תגובתיים לצרכנים לקריאה. אות מודיע מיד לכל הצרכנים ברגע שהערך שלו משתנה. אותות מייצרים הרמוניה של תהליך הלמידה של Angular על ידי חיבור בין הגישות ההכרחיות וההצהרתיות לקידוד.

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