TypeScript-utvikling
Jeg bruker TypeScript i webapplikasjoner, administrasjonsverktøy og dette nettstedet. Som TypeScript-utvikler legger jeg vekt på at data og funksjoner skal være forståelige å arbeide med, også når en løsning endres eller overleveres til en annen utvikler.
Hva er TypeScript – kort fortalt
TypeScript bygger på JavaScript og legger til et typesystem. Typer beskriver hva slags data koden forventer. Et navn kan være tekst, et antall kan være et tall, og et resultat kan være enten vellykket eller en feil som må håndteres.
Utviklingsverktøyet kan dermed oppdage en del feil før programmet kjøres. Hvis en funksjon forventer en bruker med en bestemt opplysning, kan verktøyet varsle når koden prøver å sende noe annet.
TypeScript-kode gjøres om til JavaScript som kan kjøres i nettleseren eller på serveren. Typene følger ikke med som automatisk kontroll av innsendte data. Opplysninger fra et skjema eller et annet system må fortsatt kontrolleres når de kommer inn.
Slik bruker jeg TypeScript
Jeg bruker typer til å beskrive forskjeller som betyr noe i produktet. Et utkast og en publisert tekst kan ligne, men tillate ulike handlinger. En felles ordliste og en brukers personlige fremdrift kan vises sammen, men skal ikke behandles som samme type opplysninger.
I Memento er skillet mellom felles innhold og personlige læringsdata sentralt. I Kortjakten må handlinger i spillet henge sammen med lagrede hendelser. I NextPress må grensesnittet forholde seg til ulike innholdstilstander. TypeScript er ett av verktøyene jeg bruker for å uttrykke slike modeller i koden.
- Datamodeller: gi opplysningene navn og struktur som passer det løsningen gjør.
- Grensesnitt mellom deler: beskrive hva et API-svar eller en funksjon forventes å inneholde.
- Endringer: bruke typekontrollen til å finne kode som berøres når en modell endres.
- Feilhåndtering: gjøre det tydelig hvilke utfall den videre koden må ta stilling til.
Typer erstatter verken tester, tilgangskontroll eller gjennomgang av brukerflyten. En verdi kan ha riktig datatype og likevel være feil for oppgaven. Derfor må reglene også kontrolleres der handlingen utføres.
Prosjekter bygget med TypeScript
Mikael's Norwegian Lessons
Min egen YouTube-kanal for norskelever – med nettside, Patreon-medlemskap og egne verktøy for undertekster, klipp og planlegging.
Status: Publisert nettside og YouTube-kanal.
NextPress
Et CMS-prosjekt som gjenskaper kjent WordPress-innlogging og administrasjon i Next.js og TypeScript.
Status: Utviklingsprosjekt med publisering og redigering.
Memento
En selvhostet læringsplattform med adaptiv repetisjon, iPad-apper, Chrome-utvidelse og apper for smartbriller.
Status: I bruk – tilgang etter invitasjon.
Kortjakten
Et samlekortspill i Discord med tidsstyrte hendelser, egen nettside for samlinger og en spillmotor med revisjonsspor.
Status: Privat samlekortspill for én Discord-server.
CI Subtitles
Et lokalt verktøy som gjør opptak om til kontrollerte norske undertekster med ordtiming – med Whisper, FastAPI og Next.js.
Status: I bruk i egen videoproduksjon.
Erfaring
Jeg bygger og videreutvikler WordPress-temaer i PHP, SCSS og JavaScript, og lager adminapper i React og TypeScript inne i WordPress.
I egne prosjekter bruker jeg TypeScript på tvers av grensesnitt og applikasjonskode. Her på nettstedet brukes det også til ruter, innholdsdata og koblingene mellom prosjekter og teknologier.
Verdien ligger særlig i videre arbeid: en utvikler skal kunne se hva en funksjon forventer uten å følge alle kallene gjennom systemet. Gode navn og tydelige modeller gjør det lettere å vurdere konsekvensene av en endring. Det krever omtanke i koden, uansett hvilket språk som brukes.
Et grunnlag for videre arbeid
For en bedrift er TypeScript relevant når løsningen har data, regler og funksjoner som skal henge sammen over tid. På siden om webapplikasjoner for bedrifter beskriver jeg hvordan behov og ansvar blir avklart før utviklingen begynner.
Fortell hva dere trenger et system til, og hvem som skal bruke det. Valg av språk kommer etter at oppgaven er forstått.
TypeScripts egen introduksjon forklarer sammenhengen med JavaScript og hva typekontroll kan bidra med.