TypeScript સમજાવ્યું: તમારે તેની જરૂર કેમ છે?

તમે દરરોજ JavaScript લખો છો. તે બરાબર કામ કરે છે. તો TypeScript પર કેમ સ્વિચ કરવું?

મેં એકવાર પ્રોડક્શન બગ (production bug) સુધારવામાં બે દિવસ વિતાવ્યા હતા. તે પ્રોપર્ટીના નામમાં એક સામાન્ય ટાઈપો (typo) હતો. TypeScript એ મિલિસેકન્ડોમાં તે ભૂલ શોધી કાઢી હોત.

TypeScript એ 'types' સાથેનું JavaScript છે. Microsoft એ તેને 2012 માં બનાવ્યું હતું. Google અને Slack ની મોટી ટીમો તેનો ઉપયોગ કરે છે.

TypeScript, JavaScript નું સ્થાન લેતું નથી. તે plain JavaScript માં કમ્પાઈલ (compile) થાય છે. બ્રાઉઝર્સ અને Node.js પરિણામી JS ફાઇલો ચલાવે છે. TypeScript તમને કોડ રન કરતા પહેલા વધુ સારો કોડ લખવામાં મદદ કરે છે.

આ બે ઉદાહરણોની સરખામણી કરો:

JavaScript:

function greetUser(name) {
  return "Hello, " + name.toUpperCase();
}
greetUser(42); // આ તમારા એપને runtime પર ક્રેશ કરી દેશે.

TypeScript:

function greetUser(name: string): string {
  return "Hello, " + name.toUpperCase();
}
greetUser(42); // આ તમારા એડિટરમાં તરત જ ભૂલ બતાવશે.

TypeScript નો ઉપયોગ કેમ કરવો?

  • ભૂલો વહેલી પકડો: તમે ટાઈપ કરતી વખતે જ ભૂલો શોધી લો છો, જ્યારે યુઝર્સ તેને શોધે ત્યારે નહીં.
  • વધુ સારું autocomplete: તમારું એડિટર તમારા ડેટા સ્ટ્રક્ચરને જાણે છે અને પ્રોપર્ટીઝ સૂચવે છે.
  • લિવિંગ ડોક્યુમેન્ટેશન: તેના signature ને જોઈને તમે ચોક્કસ જોઈ શકો છો કે ફંક્શનને કયા ડેટાની જરૂર છે.
  • સુરક્ષિત refactoring: જો તમે પ્રોપર્ટીનું નામ બદલો છો, તો TypeScript તમારા કોડમાં દરેક ખામીયુક્ત જગ્યાને માર્ક (flag) કરે છે.

કેવી રીતે શરૂ કરવું:

  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 ના ફાયદાઓને દૂર કરે છે. ચોક્કસ (specific) રહો.
  • ભૂલોને અવગણવી: કોમેન્ટ્સ દ્વારા ભૂલોને છુપાવો નહીં. મૂળ સમસ્યાને સુધારો.
  • વધુ પડતું annotation કરવું: TypeScript સ્માર્ટ છે. તે ઘણીવાર inference દ્વારા type નો અંદાજ લગાવી શકે છે.

TypeScript શીખવામાં થોડો સમય લાગે છે (learning curve). જેમ જેમ તમારા પ્રોજેક્ટ્સ વધશે તેમ તેમ તે ફાયદાકારક સાબિત થશે.

સ્ત્રોત: https://dev.to/ramesh_s_a8f0867d239e927c/typescript-explained-why-every-javascript-developer-should-care-4nn3