kontakt
Software house
>
Tag
>
TypeScript od Microsoft. Czy powinieneś używać TypeScript w swoim projekcie?
TypeScript

TypeScript od Microsoft. Czy powinieneś używać TypeScript w swoim projekcie?

Data wpisu
Mateusz Kuba
Autor
Mateusz Kuba

TypeScript to język programowania wspierany przez Microsoft. Jest w pełni zgodny z najnowszymi standardami JavaScript i kompiluje się do JavaScript. Główną różnicą w stosunku do JS jest rozbudowana składnia TypeScript, a także statyczne typowanie i kontrola typów.

Praktyczne wykorzystanie TypeScript

JavaScript w swojej naturze jest trudny do utrzymania w większych aplikacjach ze względu na przekazywane parametry w funkcjach które mogą mieć dowolne typy. Wielokrotnie zdarzało mi się, że przekazywane dane z API posiadały słabą dokumentacją i ciężko było rozgryźć format danych z niego przychodzący. Zajmowało to bardzo dużo czasu. Jeżeli osoba utrzymująca bibliotekę napisała go w TypeScript lub dodała do niego typy danych zadeklarowane w plikach TypeScript pozwalało to na znacznie szybsze tworzenie oprogramowania.

typescript

Dodatkowo pracując na kodzie który już został przez kogoś zbudowany ciężko o wykrycie błędów z przekazywanymi danymi. Wielokrotnie pracując z projektami ReactJS napisanymi w czystym JavaScript widziałem białe ekrany spowodowane błędnie, przypadkowo przekazanym parametrem który zamiast być Stringiem okazywał się być rozbudowanym obiektem.

Jednym z najczęstszych błędów jest chociażby typowa literówka, której w JavaScript nie sposób dostrzec, dopiero po uruchomieniu aplikacji, a co gorsza zorientowawszy się o błędzie na produkcji można ją zauważyć w postaci białego ekranu i erroru w konsoli.

np.

const apiStructure = { key: value } 
console.log(apiStructure.ke)

Nie pokaże błędu w JavaScript podczas pisania kodu, a w TypeScript już tak.

Możliwość startu od zaraz w TypeScript

Pisząc oprogramowanie w języku TypeScript nie trzeba od razu typować wszystkiego i wykorzystywać opcji Strict. Można wdrożyć podstawowe elementy składni i zacząć budować lepsze oprogramowanie od zaraz. Nie trzeba również wykorzystywać zaawansowanych funkcji generycznych, a wystarczą w zupełności Interface lub Type.

Zdecydowanie polecam sprawdzić swoich sił w języku TypeScript ze względu na niezbyt wielki próg wejścia przy dobrej znajomości JavaScript, a także znakomite podpowiadanie dostępnych funkcji, czy typów danych przy pomocy IDE takich jak Atom czy Visual Code Studio.

Wpisy z tagiem: typescript

Landing pages — pierwszy krok do aktywizacji klienta

Landing page, czyli stron docelowa, storna lądowania czy strona produktowa, to pierwsza strona, na jaką natrafi potencjalny klient danej firmy w toku dobrze opracowanej kampanii reklamowej.
Tomasz Kozon
Tomasz Kozon
2022-03-17

CTO - kim jest i jaką rolę pełni w firmie z branży IT?

Wraz z transformacją cyfrową coraz więcej firm dostrzega potrzebę zatrudnienia osób odpowiedzialnych za strategię techniczną firmy. Najlepszy dobór infrastruktury informatycznej, wybór optymalnych i innowacyjnych technologii, które pojawiają się na rynku, ich adaptacja dla rozwoju przedsiębiorstwa oraz każdego produktu tworzonego dla klienta to zadanie, które wykonuje CTO, czyli Chief Technology Officer.
Mateusz Kuba
Mateusz Kuba
2021-10-06

Moodboard, jako tablica inspiracji. Czy warto tworzyć moodboardy?

O ile strona WWW, dostępna do przeglądania w Internecie, to produkt skończony, o tyle, zanim takowa powstanie z reguły pracuje nad nią grupa ludzi, która w procesie tworzenia jej koncepcji oraz charakteru może używać tzw. tablicy inspiracji, określanej również jako moodboard.
Tomasz Kozon
Tomasz Kozon
2021-06-18

Produkt Boring Owl: witryna z najwyższymi wskaźnikami performance i SEO (Headless CMS + TypeScript + React.js + Next.js)

W tym case study opisałem proces tworzenia produkt IT sprzedawanego przez naszą spółkę. Jest to między innymi witryna, którą właśnie czytasz, a także kilka innych projektów wdrożonych przez nas zespół w tym samym stacku technologicznym dla naszych Klientów.
Tomasz Kozon
Tomasz Kozon

Produkt Boring Owl (Headless CMS + TypeScript + React.js + Next.js) - komentarz techniczny

Tworząc produkt zoptymalizowanej witryny pod SEO, wykorzystaliśmy nasze doświadczenie w tworzeniu aplikacji frontendowych. Ważne dla nas było by witryna od strony technicznej była składowana w repozytorium Github oraz miała oddzielny moduł do zarządzania treścią.
Mateusz Kuba
Mateusz Kuba