Jump to content

TypeScript

Bygg sikkerhetsnett, ikke rekkverk

Avatar av @t3dotgg
Theo – skaperen av T3-stakken @t3dotgg

Enten du er en ny eller erfaren utvikler, synes vi at TypeScript er et must. Det kan virke skremmende i begynnelsen, men som mange verktÞy, nÄr du fÞrst begynner Ä bruke det, er det noe du ikke vil vÊre foruten.

Det tilbyr live tilbakemeldinger mens du skriver koden din. De forventede datatypene er definert, og vi fÄr nyttig autofullfÞring i koderedigeringsprogrammet vÄrt. Dersom det er et problem fÄr man rÞd understrek, for eksempel nÄr vi prÞver Ä fÄ tilgang til en attributt som ikke eksisterer eller nÄr vi prÞver Ä angi en verdi av feil type. Dette lar oss identifisere og fikse feil tidlig uten Ä mÄtte feilsÞke etterpÄ.

Det er uten tvil verktÞyet i stakken som mest Þker utvikleres produktivitet; man fÄr dokumentasjon pÄ at koden man skriver er riktig direkte i editoren og man fÄr umiddelbar tilbakemelding nÄr man uunngÄelig gjÞr noen feil. Dette er helt uvurderlig.

Typeinferens

Mange nye TypeScript-utviklere blir veldig opptatt av Ä skrive TypeScript, men mange av fordelene med TypeScript kommer av at man ikke trenger Ä endre koden sin i det hele tatt. Spesielt vha. typeinferens. Typeinferens betyr at nÄr noe er definert med type, sÄ vil den typen fÞlge med gjennom hele applikasjonen uten Ä mÄtte redeklareres andre steder. Dette betyr at, for eksempel, nÄr du har definert typene av en funksjons argumenter, er resten av funksjonen typesikker, uten ekstra TypeScript-spesifikk kode. Bibliotekutviklere legger mye arbeid i Ä vedlikeholde typene eksponert i bibliotekene deres, noe som betyr at vi som brukere kan dra nytte av inferens og den innebygde dokumentasjonen i koderedigeringsprogrammet som tilbys av disse typene.

Se videoen av Theo, hvorfor det kan hende at du bruker TypeScript feil↗.

Gode bruksomrÄder for typeinferens

Zod

Zod↗ er et skjemavalideringsbibliotek bygd pĂ„ TypeScript. Skriv et skjema som representerer den eneste kilden til sannhet (“single source of truth”) for din data, og Zod vil sĂžrge for at din data er gyldig gjennom hele applikasjonenen. Selv pĂ„ tvers av nettverksgrenser og eksterne API.

Tanstack Query

Tanstack Query↗ gir deg deklarative, alltid oppdaterte, automatisk administrerte queries og mutations som direkte forbedrer utvikler- og brukeropplevelsen.

Nyttige Ressurser

RessurserLink
TypeScript hĂ„ndbokhttps://www.typescriptlang.org/docs/handbook/↗
TypeScript oppléring for nybegynnerehttps://github.com/total-typescript/beginners-typescript-tutorial↗
Type-utfordringerhttps://github.com/type-challenges/type-challenges↗
Rodney Mullen fra TypeScript (Matt Pocock) Youtube-kanalhttps://www.youtube.com/c/MattPocockUk/videos↗