Search
תגיות פופולריות
הרשמה לניוזלטר

הרשמה לניוזלטר

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

Ⓒ כל הזכויות שמורות ל- Fed Cast – קהילת מפתחי הפרונט בישראל

דיבאגינג עם שמעון מויאל

פרק #4 | דיבאגינג בפרונט עם שמעון מויאל

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

איך נראה תהליך דיבאגינג בפרונט?

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

אך כיצד ניתן לשחזר באג בדפדפן?

  1. שימוש בפונקציות השונות של אובייקט ה console. המוקרת מכולן היא console.log אך יש עוד רבות שאנו לא מרבים להשתמש בהן, כמו למשל console.warn, console.table ועוד מתודות שציינו במהלך הפרק.
  2. שימוש בכלים חיצוניים לאיסוף וניתוח לוגים כמו Sentry, LogRocket.
  3. כלי ה DevTools והטאבים המובנים בדפדפן.

האם אפשר למנוע באגים לחלוטין?

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

מה עלינו לעשות כדי למנוע באגים?

  1. שימוש נכון והחלה של חוקי ESLint בפרויקט.
  2. הגדרת טייפים לפונקציות ומשתנים ע״י TypeScript או JSDoc.
  3. הכנסת בדיקות לפרויקט כמו בדיקות יחידה (unit tests), בדיקות UI וכו׳…

מה קורה אחרי שמצאנו באג?

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

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

לסיכום

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

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

שלום לך 👋 נעים להכיר.

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

אנחנו לא שולחים ספאם!

רוצים לקבל מאיתנו עדכונים?

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

הרשמה לניוזלטר

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