כתיבת תוכניות בדיקה ב React ו Jest יכולה להפוך את תהליך הפיתוח לנעים ויעיל יותר.
בוובינר זה ראינו איך להשתמש בכלים אלה כדי לכתוב תוכנית בדיקה למשחק סנייק
המקור המרכזי לבעיות ביצועים בקוד ריאקט הוא קריאות מיותרות ל render. בוובינר זה ראינו באיזה מצבים ריאקט קורא ל render ועברנו על 3 דרכים שעזרו לנו לצמצם את הקריאות המיותרות.
בוובינר זה דיברנו על שני React Hooks שעוזרים לבנות ארכיטקטורת קוד טובה יותר: הפונקציה useReducer שעוזרת לנהל שינויים על מידע בקומפוננטת אב מתוך הילדים שלו, והפונקציה useContext שמאפשרת העברת מידע בצורה שקופה בין קומפוננטת אב לילדים
הוקס הם מנגנון חדש בריאקט 16.8 שמיועד להחליף את ה Higher Order Components בתור המנגנון המרכזי לשימוש חוזר בקוד בין פקדים בריאקט. בוובינר זה ראינו מהם וכמובן איך לשתף קוד בין פקדים באמצעות הוקס.
ריאקט 16 כלל שיפור ביצועים מאוד משמעותי ושכתוב מלא של המנוע, ובזכות שינויים אלה בגירסאות הקטנות מאז 16.0 החברים בפייסבוק הוסיפו ומוסיפים פיצ׳רים חדשים ומלהיבים. בוובינר זה דיברנו על טעינה עצלה, על Fragments, טיפול בשגיאות, חיסכון בפעולות רנדר עם Memo ושינויים במאפיין ref.