ספרייה היא אוסף של קוד שמטרתו לספק פונקציונליות ספציפית שניתן להשתמש בה בתוך פרויקט קיים. המתכנת קובע מתי ואיך להשתמש בקוד מהספרייה, דבר שנתן לו חופש גדול בפיתוח.
לדוגמה, React היא ספרייה שמספקת כלים לבניית ממשק משתמש UI, ו-Lodash היא גם ספרייה שמספקת פונקציות עזר (utils functions) לעבודה יעילה עם מערכים, אובייקטים וכדומה.
פריימוורק הוא סביבת עבודה שקובעת את המבנה והאופן בו על המפתחים לבנות את האפליקציה. הפריימוורק "מכתיב" את החוקים לפיתוח, מה שיוצר מבנה קפדני יותר שמסייע בפיתוח מאורגן ואכפית חוקים על ידי הפריימוורק.
Angular ו-Next.js הם דוגמאות לפריימוורקים שמספקים מבנה וחוקים לפיתוח אפליקציות. המונח "Frameworks" מתאר מסגרת, שמכתיבה את הגבולות והסדר בפיתוח.
קומפיילר הוא כלי שמתרגם קוד משפת תכנות אחת לשפה אחרת, לרוב לקוד מכונה (Machine Code) או לשפה נמוכה יותר. "שפה נמוכה יותר" מתייחסת לשפה שקרובה יותר לרמת המכונה, שהמעבד מסוגל לבצע באופן ישיר.
טרנספיילר הוא סוג של קומפיילר שמתרגם בין שתי שפות בעלות רמת גובה דומה. דוגמה מודרנית היא השימוש ב-TypeScript, שבו הטרנספיילר מתרגם את הקוד ל-JavaScript. ה-JavaScript היא שפה שדפדפנים יכולים להבין ולהפעיל, ואף על פי שהתרגום הוא לא לשפת מכונה, הוא עדיין נחשב לפעולת קומפילציה בהקשרים מסוימים.
ההבדל העיקרי בין טרנספיילרים (Transpilers) לבין קומפיילרים (Compilers) זה שקומפיילרים מתרגמים לשפת מכונה או שפת ביניים כדי להפעיל את הקוד בצורה יעילה על מעבד, בעוד טרנספיילרים מתרגמים קוד בין שפות תכנות דומות לצורך תאימות או שימוש בתכונות מתקדמות כמו TypeScript ל-JavaScript.
באנדלר הוא כלי שמשמש לאיחוד קבצי קוד כמו JavaScript, CSS, ו-HTML, למספר קטן יותר של קבצים. לדוגמה, אם יש לכם 20 קבצים שונים, הבאנדלר יכול לאחד אותם ל-3 קבצים מרכזיים.
קבצים אלה מועלים לשרת וכאשר משתמש גולש לאתר, הדפדפן צריך לבצע פחות בקשות לשרת כדי לטעון את כל האתר. זה משפר משמעותית את מהירות טעינת הדף ומביא לחוויית משתמש טובה יותר.
בנוסף באנדלרים כוללים תהליכי אופטימיזציה כגון מינימיזציה של קוד (minification), שבו הם מסירים תווים מיותרים מקוד המקור כדי להפחית את גודלו. זה כולל הסרת רווחים, שורות חדשות והערות, ולעיתים אף שינוי שמות משתנים לשמות קצרים יותר.
כל אחד מהכלים הללו (Compilers, Bundlers, Transpilers) משרת מטרה שונה ומשלים את האחר, והם כלים שמשתמשים בהם גם בספריות וגם בפריימוורקים. השילוב של הכלים הללו מאפשר פיתוח יעיל, מהיר ומודרני, תוך שמירה על תאימות וביצועים טובים בכל סוגי הפלטפורמות והדפדפנים.