Uvod
TypeScript je programski jezik otvorenog koda koji je nadskup JavaScripta koji jeziku dodaje opciono statičko kucanje. TypeScript je doživio eksploziju popularnosti jer organizacije pomjeraju svoje razvojne aktivnosti ka ovom moćnom jeziku zbog ogromnih prednosti koje donosi. U ovom članku ćemo krenuti na naše putovanje izgradnje novog projekta s TypeScript-om, istražit ćemo probleme s kojima se suočavamo i kako TypeScript pomaže u njihovom rješavanju. Također ćemo pogledati neke ključne biblioteke koje ćemo koristiti u projektu. Vežite se i počnimo!
Problem
Često kada započnemo novi projekat, prva prepreka sa kojom se suočavamo je struktura koda. Kako uspijevamo održati naš kod čistim i održavanim kako naš projekt raste u veličini i složenosti? Odgovor leži u TypeScript-u.
TypeScript je zamišljen za izgradnju aplikacija velikih razmjera. Dodavanje jakog kucanja omogućava nam da uhvatimo greške prije nego što se kod čak i kompajlira, slično kao tradicionalni statički kucani jezici kao što je Java. Samo ovo značajno poboljšava održivost i robusnost koda.
class Example {
print(): void {
console.log('This is an example function');
}
}
Statičko kucanje je opciono u TypeScript-u što nam omogućava da ga postepeno usvajamo u našim JavaScript projektima.
Rješenje: Korištenje TypeScript-a
Pristup strukturiranom programiranju koji pruža TypeScript omogućava nam da svoju logiku podijelimo na uredne module i klase. Idemo kroz korak kroz kako riješiti naš problem koristeći TypeScript.
class Solution {
apply(): number {
let result = this.calculate();
console.log(`The result is ${result}`);
return result;
}
private calculate(): number {
let a = 5;
let b = 10;
return a * b;
}
}
U gornjem kodu kreiramo klasu rastvor koji obuhvata problem koji pokušavamo da rešimo. Ima metodu `apply()` koja koristi privatnu metodu `calculate()` da dobije rezultat. Ova inkapsulacija logike pomaže poboljšanju održavanja i čitljivosti koda.
Korištene biblioteke
Osim jezika TypeScript, postoje određene biblioteke koje jačaju našu kodnu bazu. Značajan primjer je Ant Design, UI biblioteka zasnovana na TypeScript-u.
import { Button } from 'antd';
ReactDOM.render(<Button />, mountNode);
U gornjem kodu uvozimo komponentu Button iz biblioteke Ant Design i renderiramo je koristeći React. Biblioteka Ant Design ima sve svoje komponente snažno otkucane što nam pruža funkcije automatskog dovršavanja i provjere vremena kompajliranja.
Integracijom TypeScript-a i korištenjem takvih biblioteka možemo izgraditi robusnu i skalabilnu bazu koda za naše projekte. Kako budemo uranjali više u TypeScript, otkrit ćemo još takvih užitaka koji čine naš razvojni proces lakšim.
zaključak
Da zaključimo, TypeScript nudi sveobuhvatno rješenje za strukturiranje našeg koda na način da ostane održavan i otporan na greške. Zajedno sa vrednim bibliotekama, naš projekat u TypeScript-u neće biti samo jak već i živopisno izražajan. Krenimo na ovo TypeScript putovanje i dostignimo velike visine u našim razvojnim prekretnicama.
