TypeScript ವಿವರಿಸಲಾಗಿದೆ: ನಿಮಗೆ ಇದು ಏಕೆ ಬೇಕು

ನೀವು ಪ್ರತಿದಿನ JavaScript ಬರೆಯುತ್ತೀರಿ. ಅದು ಸರಿಯಾಗಿ ಕೆಲಸ ಮಾಡುತ್ತದೆ. ಹಾಗಾದರೆ ಏಕೆ TypeScript ಗೆ ಬದಲಾಗಬೇಕು?

ನಾನು ಒಮ್ಮೆ ಪ್ರೊಡಕ್ಷನ್ ಬಗ್ (production bug) ಸರಿಪಡಿಸಲು ಎರಡು ದಿನಗಳನ್ನು ಕಳೆದಿದ್ದೆ. ಅದು ಕೇವಲ ಒಂದು ಪ್ರಾಪರ್ಟಿ ಹೆಸರಿನಲ್ಲಿನ ಸಣ್ಣ ಟೈಪೊ (typo) ಆಗಿತ್ತು. TypeScript ಆ ತಪ್ಪನ್ನು ಮಿಲಿಸೆಕೆಂಡುಗಳಲ್ಲಿ ಪತ್ತೆಹಚ್ಚುತ್ತಿತ್ತು.

TypeScript ಎಂದರೆ types ಇರುವ JavaScript. Microsoft ಇದನ್ನು 2012 ರಲ್ಲಿ ರಚಿಸಿತು. Google ಮತ್ತು Slack ನ ದೊಡ್ಡ ತಂಡಗಳು ಇದನ್ನು ಬಳಸುತ್ತವೆ.

TypeScript, JavaScript ಅನ್ನು ಬದಲಾಯಿಸುವುದಿಲ್ಲ. ಇದು ಪ್ಲೇನ್ JavaScript ಗೆ ಕಾಂಪೈಲ್ (compile) ಆಗುತ್ತದೆ. ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು Node.js ಈ ಪರಿಣಾಮಕಾರಿ JS ಫೈಲ್‌ಗಳನ್ನು ರನ್ ಮಾಡುತ್ತವೆ. ನೀವು ಕೋಡ್ ರನ್ ಮಾಡುವ ಮೊದಲೇ ಉತ್ತಮ ಕೋಡ್ ಬರೆಯಲು TypeScript ಸಹಾಯ ಮಾಡುತ್ತದೆ.

ಈ ಎರಡು ಉದಾಹರಣೆಗಳನ್ನು ಹೋಲಿಸಿ ನೋಡಿ:

JavaScript: function greetUser(name) { return "Hello, " + name.toUpperCase(); } greetUser(42); // ಇದು ರನ್‌ಟೈಮ್‌ನಲ್ಲಿ ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಕ್ರ್ಯಾಶ್ ಮಾಡುತ್ತದೆ.

TypeScript: function greetUser(name: string): string { return "Hello, " + name.toUpperCase(); } greetUser(42); // ಇದು ತಕ್ಷಣವೇ ನಿಮ್ಮ ಎಡಿಟರ್‌ನಲ್ಲಿ ದೋಷವನ್ನು ತೋರಿಸುತ್ತದೆ.

TypeScript ಅನ್ನು ಏಕೆ ಬಳಸಬೇಕು?

  • ದೋಷಗಳನ್ನು ಮೊದಲೇ ಪತ್ತೆಹಚ್ಚಿ: ಬಳಕೆದಾರರು ಪತ್ತೆಹಚ್ಚುವ ಮೊದಲು ನೀವು ಟೈಪ್ ಮಾಡುವಾಗಲೇ ತಪ್ಪುಗಳನ್ನು ಕಂಡುಕೊಳ್ಳಬಹುದು.
  • ಉತ್ತಮ ಆಟೋಕಂಪ್ಲೀಟ್ (autocomplete): ನಿಮ್ಮ ಎಡಿಟರ್ ನಿಮ್ಮ ಡೇಟಾ ರಚನೆಯನ್ನು ತಿಳಿದಿರುತ್ತದೆ ಮತ್ತು ಪ್ರಾಪರ್ಟಿಗಳನ್ನು ಸೂಚಿಸುತ್ತದೆ.
  • ಲೈವಿಂಗ್ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ (Living documentation): ಫಂಕ್ಷನ್‌ನ ಸಿಗ್ನೇಚರ್ ಅನ್ನು ನೋಡುವುದರ ಮೂಲಕ ಅದಕ್ಕೆ ಯಾವ ಡೇಟಾ ಬೇಕು ಎಂಬುದನ್ನು ನೀವು ನಿಖರವಾಗಿ ನೋಡಬಹುದು.
  • ಸುರಕ್ಷಿತ ರಿಫ್ಯಾಕ್ಟರಿಂಗ್ (Safe refactoring): ನೀವು ಒಂದು ಪ್ರಾಪರ್ಟಿಯನ್ನು ಮರುನಾಮಕರಣ ಮಾಡಿದರೆ, TypeScript ನಿಮ್ಮ ಕೋಡ್‌ನಲ್ಲಿನ ಪ್ರತಿಯೊಂದು ದೋಷದ ಸ್ಥಳವನ್ನು ಗುರುತಿಸುತ್ತದೆ.

ಪ್ರಾರಂಭಿಸುವುದು ಹೇಗೆ:

  1. npm ಮೂಲಕ ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ: npm install -g typescript

  2. hello.ts ಎಂಬ ಹೆಸರಿನ ಫೈಲ್ ರಚಿಸಿ: const message: string = "Hello, TypeScript!"; console.log(message);

  3. ಇದನ್ನು ಕಾಂಪೈಲ್ ಮಾಡಿ: tsc hello.ts

ಇದು hello.js ಫೈಲ್ ಅನ್ನು ರಚಿಸುತ್ತದೆ. ಔಟ್‌ಪುಟ್‌ನಲ್ಲಿ types ಮಾಯವಾಗುತ್ತವೆ, ಇದರಿಂದ ನಿಮ್ಮ ಬ್ರೌಸರ್ ರನ್ ಮಾಡಲು ಸ್ವಚ್ಛವಾದ JavaScript ಉಳಿಯುತ್ತದೆ.

ತಪ್ಪಿಸಬೇಕಾದ ಸಾಮಾನ್ಯ ತಪ್ಪುಗಳು:

  • ಎಲ್ಲದಕ್ಕೂ "any" ಬಳಸುವುದು: ಇದು TypeScript ನ ಪ್ರಯೋಜನಗಳನ್ನು ಇಲ್ಲವಾಗಿಸುತ್ತದೆ. ನಿರ್ದಿಷ್ಟವಾಗಿರಿ.
  • ದೋಷಗಳನ್ನು ನಿರ್ಲಕ್ಷಿಸುವುದು: ಕಾಮೆಂಟ್‌ಗಳ ಮೂಲಕ ದೋಷಗಳನ್ನು ಮರೆಮಾಚಬೇಡಿ. ಮೂಲ ಸಮಸ್ಯೆಯನ್ನು ಸರಿಪಡಿಸಿ.
  • ಅತಿಯಾದ ಅ𝗻ೊಟೇಶನ್ (Over-annotating): TypeScript ಬುದ್ಧಿವಂತವಾಗಿದೆ. ಇದು ಇನ್ಫರೆನ್ಸ್ (inference) ಮೂಲಕ ಹೆಚ್ಚಾಗಿ ಟೈಪ್ ಅನ್ನು ಊಹಿಸಬಲ್ಲದು.

TypeScript ಕಲಿಯಲು ಸ್ವಲ್ಪ ಸಮಯ ಬೇಕಾಗಬಹುದು. ಆದರೆ ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು ಬೆಳೆದಂತೆ ಇದು ಹೆಚ್ಚು ಪ್ರಯೋಜನಕಾರಿಯಾಗುತ್ತದೆ.

ಮೂಲ: https://dev.to/ramesh_s_a8f0867d239e927c/typescript-explained-why-every-javascript-developer-should-care-4nn3