𝗙𝗿𝗼𝗺 𝗭𝗲𝗿𝗼 𝘁𝗼 𝗛𝗲𝗿𝗼 𝗶𝗻 𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁

TypeScript ನಿಮ್ಮ JavaScript ಕೋಡ್ ಅನ್ನು ಹೆಚ್ಚು ಸುರಕ್ಷಿತವಾಗಿಸುತ್ತದೆ. ನೀವು ಕೋಡ್ ಅನ್ನು ರನ್ ಮಾಡುವ ಮೊದಲೇ ಬಗ್‌ಗಳನ್ನು (bugs) ಪತ್ತೆಹಚ್ಚಲು ಇದು ಸಹಾಯ ಮಾಡುತ್ತದೆ. ಈ ಮಾರ್ಗದರ್ಶಿಯು ಮೂಲಭೂತ ಅಂಶಗಳಿಂದ ಸುಧಾರಿತ ಪರಿಕಲ್ಪನೆಗಳವರೆಗಿನ ಹಾದಿಯನ್ನು ಒಳಗೊಂಡಿದೆ.

TypeScript, JavaScript ಗೆ ಸ್ಟ್ಯಾಟಿಕ್ ಟೈಪಿಂಗ್ ಅನ್ನು (static typing) ಸೇರಿಸುತ್ತದೆ. ಇದು ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಬ್ರೌಸರ್ ಬಳಸಬಹುದಾದ ಸಾಮಾನ್ಯ JavaScript ಆಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ.

Basic Types

  • number: ಪೂರ್ಣಾಂಕಗಳು ಅಥವಾ ದಶಮಾಂಶಗಳು (integers or decimals)
  • boolean: true ಅಥವಾ false
  • string: ಪಠ್ಯ (text)
  • symbol: ವಿಶಿಷ್ಟ ಗುರುತಿಸುವಿಕೆಗಳು (unique identifiers)
  • bigint: ದೊಡ್ಡ ಪೂರ್ಣಾಂಕಗಳು (large integers)

Type Annotations ನೀವು ವೇರಿಯೇಬಲ್ ರಚಿಸುವಾಗ ಟೈಪ್‌ಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತೀರಿ: let name: string = "Alice"; let age: number = 30;

Arrays and Objects

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

Functions ಒಂದು ಫಂಕ್ಷನ್ ಏನನ್ನು ಸ್ವೀಕರಿಸುತ್ತದೆ ಮತ್ತು ಏನನ್ನು ಹಿಂತಿರುಗಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ನೀವು ನಿರ್ದಿಷ್ಟಪಡಿಸಬಹುದು. ಫಂಕ್ಷನ್ ಏನನ್ನೂ ಹಿಂತಿರುಗಿಸದಿದ್ದರೆ void ಬಳಸಿ. function greet(name: string): string { return "Hello, " + name; }

Advanced Structures

  • Type Aliases: ಒಂದು ಟೈಪ್‌ಗೆ ಕಸ್ಟಮ್ ಹೆಸರನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಿ.
  • Interfaces: ಒಂದು ಆಬ್ಜೆಕ್ಟ್‌ನ ರೂಪವನ್ನು (shape) ವ್ಯಾಖ್ಯಾನಿಸಿ.
  • Enums: ಹೆಸರಿಸಿದ ಸ್ಥಿರಗಳ (named constants) ಗುಂಪನ್ನು ರಚಿಸಿ.
  • Tuples: ನಿರ್ದಿಷ್ಟ ಸಂಖ್ಯೆಯ ಅಂಶಗಳು ಮತ್ತು ನಿರ್ದಿಷ್ಟ ಟೈಪ್‌ಗಳನ್ನು ಹೊಂದಿರುವ ಅರೇಯನ್ನು ರಚಿಸಿ.

Complex Logic

  • Union Types: ಒಂದು ವೇರಿಯೇಬಲ್ ಒಂದಕ್ಕಿಂತ ಹೆಚ್ಚು ಟೈಪ್‌ಗಳನ್ನು ಹೊಂದಲು ಅನುಮತಿಸುತ್ತದೆ.
  • Intersection Types: ಹಲವಾರು ಟೈಪ್‌ಗಳನ್ನು ಒಂದಾಗಿ ಸಂಯೋಜಿಸುತ್ತದೆ.
  • Generics: ಅನೇಕ ಟೈಪ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವ ಮರುಬಳಕೆ ಮಾಡಬಹುದಾದ ಘಟಕಗಳನ್ನು (reusable components) ರಚಿಸಿ.
  • Utility Types: ಟೈಪ್‌ಗಳನ್ನು ಬದಲಾಯಿಸಲು Partial ಅಥವಾ Pick ನಂತಹ ಅಂತರ್ನಿರ್ಮಿತ ಪರಿಕರಗಳನ್ನು ಬಳಸಿ.

Best Practices

  • ಸರಳ ಅಲಿಯಾಸ್‌ಗಳು ಮತ್ತು ಪ್ರಿಮಿಟಿವ್‌ಗಳಿಗಾಗಿ type ಬಳಸಿ.
  • ಆಬ್ಜೆಕ್ಟ್ ರೂಪಗಳಿಗಾಗಿ interface ಬಳಸಿ.
  • any ಬಳಸುವುದನ್ನು ತಪ್ಪಿಸಿ. ಇದು TypeScript ನ ಸುರಕ್ಷತೆಯನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ.
  • ಟೈಪ್ ಬಗ್ಗೆ ನಿಮಗೆ ಖಚಿತವಿಲ್ಲದಿದ್ದಾಗ any ಬದಲಿಗೆ unknown ಬಳಸಿ.
  • ಕೋಡ್ ಸ್ಪಷ್ಟವಾಗಿದ್ದಾಗ ಕಂಪೈಲರ್ ತನ್ನಷ್ಟಕ್ಕೆ ತಾನೇ ಟೈಪ್‌ಗಳನ್ನು ಗುರುತಿಸಲು (infer) ಬಿಡಿ.

TypeScript ನೀವು ಆತ್ಮವಿಶ್ವಾಸದಿಂದ ದೊಡ್ಡ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.

Source: https://dev.to/miasalazar/from-zero-to-hero-in-typescript-425j