המקרה שנדרש useCallback

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

בסרטון ההדרכה המשכנו לחקור על השימוש של ה- useCallback hook.

חומרים:

הענף בגיטהאב

אלה הקומיטים שעברנו עליהם בהדרכה:

סרטון ההדרכה:

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

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

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

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

ובשביל זה – ההוק של useCallback בא, כדי לגרום לדבר הזה לא לקרות, כשאנחנו עוטפים בו את הפונקציה.

קישור – https://react.dev/reference/react/useCallback

בשיעורים הבאים (אי"ה בל"נ) נחקור יותר לעומק על הנקודות האלה, ולמה זה קורה.

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

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

על היוצר:

יזהר משקיף, CEO & CTO ב-פירמת התוכנה YIM-Programming

YIM-Programming  בית התוכנה מהמובילים בישראל.

YIM-Programming הוא בית תוכנה שמספק פתרונות לבעיות שונות של עסקים.

המטרה שלנו: לפתור בעיות ע"י ייעוץ טכנולוגי, פתרונות תוכנה, וייעוץ כללי, וע"י כך לתת ללקוחות שלנו שמחה, הרגשה טובה ונחת, ולראות שאפשר לעשות דברים אחרים.

נשמח לתת לכם חוות דעת ראשונית על הבעיות שמטרידות אתכם.

ליצירת קשר:

📧 yimprogramming@gmail.com
📞 054-7477637

YIM Programming – The Way We're Doing Things

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *