TypeScript માં ઝીરો થી હીરો સુધી

TypeScript તમારા JavaScript કોડને વધુ સુરક્ષિત બનાવે છે. તે કોડ રન કરતા પહેલા બગ્સ શોધવામાં તમને મદદ કરે છે. આ માર્ગદર્શિકા પાયાના (basic) થી અદ્યતન (advanced) ખ્યાલો સુધીની સફર આવરી લે છે.

TypeScript JavaScript માં સ્ટેટિક ટાઇપિંગ (static typing) ઉમેરે છે. તે તમારા કોડને બ્રાઉઝર માટે સાદા JavaScript માં રૂપાંતરિત કરે છે.

પાયાના પ્રકારો (Basic Types)

  • number: પૂર્ણાંક અથવા દશાંશ સંખ્યાઓ
  • boolean: true અથવા false
  • string: ટેક્સ્ટ
  • symbol: અનન્ય ઓળખકર્તાઓ (unique identifiers)
  • bigint: મોટી પૂર્ણાંક સંખ્યાઓ

ટાઇપ એનોટેશન (Type Annotations) તમે વેરિયેબલ બનાવતી વખતે ટાઇપ વ્યાખ્યાયિત કરો છો: let name: string = "Alice"; let age: number = 30;

એરે (Arrays) અને ઓબ્જેક્ટ્સ (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: નામ આપેલા કોન્સ્ટન્ટ્સનો સેટ બનાવો.
  • Tuples: નિશ્ચિત સંખ્યામાં એલિમેન્ટ્સ અને ચોક્કસ પ્રકારો ધરાવતો એરે બનાવો.

જટિલ લોજિક (Complex Logic)

  • Union Types: વેરિયેબલને એક કરતા વધુ પ્રકારો ધરાવવાની મંજૂરી આપે છે.
  • Intersection Types: એકસાથે અનેક પ્રકારોને જોડે છે.
  • Generics: પુનઃઉપયોગી ઘટકો બનાવો જે અનેક પ્રકારો સાથે કામ કરી શકે છે.
  • Utility Types: ટાઇપ બદલવા માટે Partial અથવા Pick જેવા બિલ્ટ-ઇન સાધનોનો ઉપયોગ કરો.

શ્રેષ્ઠ પદ્ધતિઓ (Best Practices)

  • સાદા એલાયસીસ (aliases) અને પ્રિમીટિવ્સ માટે type નો ઉપયોગ કરો.
  • ઓબ્જેક્ટ શેપ માટે interface નો ઉપયોગ કરો.
  • any નો ઉપયોગ કરવાનું ટાળો. તે TypeScript ની સુરક્ષા ઘટાડે છે.
  • જ્યારે તમે ટાઇપ વિશે અનિશ્ચિત હોવ ત્યારે any ને બદલે unknown નો ઉપયોગ કરો.
  • જ્યારે કોડ સ્પષ્ટ હોય ત્યારે કમ્પાઈલરને ટાઇપ ઇન્ફર (infer) કરવા દો.

TypeScript તમને આત્મવિશ્વાસ સાથે મોટા એપ્લિકેશન્સ બનાવવામાં મદદ કરે છે.

સ્ત્રોત: https://dev.to/miasalazar/from-zero-to-hero-in-typescript-425j