מאפס לגיבור ב-TypeScript

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

TypeScript מוסיפה static typing ל-JavaScript. היא הופכת ל-JavaScript רגיל בזמן ההרצה.

טיפוסים בסיסיים נפוצים:

  • number: עבור כל המספרים
  • boolean: true או false
  • string: עבור טקסט
  • symbol: עבור מזהים (IDs) ייחודיים
  • bigint: עבור מספרים גדולים מאוד

Type Annotations: let name: string = "Alice"; let age: number = 30;

Arrays and Objects: let fruits: string[] = ["apple", "banana"]; let user: { name: string; age: number } = { name: "Bob", age: 25 };

Functions: function greet(name: string): string { return "Hello, " + name; }

השתמש ב-void אם פונקציה אינה מחזירה דבר: function logMessage(): void { console.log("Message sent"); }

Advanced Tools:

  • Type Aliases: יצירת טיפוסים משלך.
  • Interfaces: הגדרת המבנה (shape) של אובייקטים.
  • Enums: שימוש בקבוצה של קבועים בעלי שם.
  • Tuples: מערכים באורך קבוע עם טיפוסים ספציפיים.
  • Generics: יצירת קוד רב-פעמי שעובד עם טיפוסים רבים.
  • Utility Types: שימוש ב-Partial, Pick, או Record כדי לשנות טיפוסים.

Best practices לזרימת העבודה שלך:

  • השתמש ב-type עבור כינויים (aliases) פשוטים וטיפוסים בסיסיים (primitives).
  • השתמש ב-interface עבור מבנה של אובייקטים.
  • הימנע משימוש ב-any. זה פוגע בבטיחות של הקוד שלך.
  • השתמש ב-unknown אם אינך יודע את הטיפוס עדיין.
  • אפשר למהדר (compiler) לנחש את הטיפוסים כאשר זה ברור.
  • הוסף annotations ל-APIs שלך לצורך בהירות.

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

מקור: https://dev.to/miasalazar/from-zero-to-hero-in-typescript-425j