PWA בשם DevTools

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

PWA חזק

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

Image 6b261cffa005

לכן די מעניין לדעת ש- DevTools של גוגל אינם "קוד מקורי", כפי שאולי חשבתם, אלא כתובים כאפליקציית אינטרנט מתקדמת! זה מדגים את כוחם של PWAs להתמודד אפילו עם משימות מורכבות ועתירות משאבים.

האם DevTools היו תמיד PWA?

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

Image fe5d628e0062

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

150,000 שורות קוד

בשנת 2020, DevTools כללה בסך הכל 150,000 שורות קוד צד ראשון, וסימנו אותו ליישום די גדול. זה מדגיש היבט מרכזי באפליקציות אינטרנט מודרניות: שימוש בכלים מודרניים למנף תכונות שפה כגון פיצול קוד, PWA מאפשרים לך לשנות את גודל היישום שלך עד כמה שהוא צריך להיות.

אם זה לא נבדק, זה שבור

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

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

סיכום

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