מה למדתי על ESM vs CommonJS - ובניתי לוח משימות בזמן אמת

אתמול דיברתי עם קלוד על ה-CLI לכלי גוגל ורציתי לאחד אותו עם CLI נוספים שבניתי לגוגל.

הוא שם לב שאחד מהם בנוי עם ESM והאחרים CommonJS. שאלתי אותו מה ההבדל?

ההבדל

CommonJS זאת הדרך הוותיקה שעובדת רק ב-Node.js.

ESM (ECMAScript Modules) הוא התקן הרשמי של JavaScript שעובד גם בדפדפן וגם ב-Node.js.

למה ESM הוא הסטנדרט החדש

היתרונות:

• ספריות חדשות רבות זמינות רק ב-ESM
• קוד משותף בין frontend ל-backend חייב להיות ESM

שאלתי עוד עד שהבנתי למה זה הסטנדרט החדש ומתי זה משנה. עניין אותי מתי חייבים ESM - מה אפשר לבנות שמדגים את זה?

הפרויקט

בינתיים העברנו את ה-CLI ל-ESM (זה פשוט) ואיחדנו עם Google Sheets + Docs.

ואז בנינו דוגמה שמשתמשת ב-CLI עם UI שמחייבת ESM: לוח משימות משותף שמתעדכן בזמן אמת בין ה-UI ל-CLI.

כולל משימות שאני והוא יכול להוסיף, הערות ומעקב פעילות.

מה למדתי

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

זה מה שאני אוהבת בעבודה עם AI - לא רק “תעשה”, אלא שיחה שמובילה ללמידה, הבנה ורעיונות חדשים.