TypeScript: Definicje typów

3.9+

0:00Na tym etapie naszej nauki prawdopodobnie już doskonale rozumiesz

0:04wszystkie korzyści wynikające ze statycznego typowania być może też

0:08w twojej głowie pojawiły się pytania dotyczące tego w jaki sposób typescript współpracuje

0:13z istniejącymi już projektami czyli takimi które są napisane w czystym

0:17javascripcie o tym wstępnie mówiłem już w kursie podstawowym czyli

0:22generalnie nie ma z tym jakiegoś większego problemu aczkolwiek etap migracji

0:26wymaga w niektórych miejscach od nas dodatkowej uwagi i teraz w sytuacji

0:30gdy mamy do czynienia wyłącznie z naszym kodem no to w zasadzie nie ma tutaj żadnego

0:35problemu ponieważ możemy go zmienić pytanie jednak co się dzieje w sytuacji

0:39gdy chcemy skorzystać z zewnętrznych bibliotek które jek doskonale wiesz

0:43często ułatwiają nam pracę i zdecydowanie nie chcemy z nich rezygnować jednocześnie większość

0:47z nich nie jest napisana w typescripcie no i czy to oznacza że

0:51nasza aplikacja będzie zbudowana z klocków które z jednej strony

0:55będą mieć statyczne typowanie a z drugiej nie okazuje się

0:59że jednak nie do końca istnieje sposób który umożliwia mam rozwiązanie

1:04tego problemu przykładem zewnętrznej biblioteki z której

1:08moglibyśmy skorzystać w naszym projekcie jest ramda jest to szczególnie przydatne

1:12narzędzie w momencie gdy korzystamy z programowania funkcyjnego jej głównym

1:16zadaniem jest udostępnienie mamy różnego rodzaju metod które pomagają nam

1:20pisać kod zatem jeżeli teraz zainstalował bym ramdę w moim projekcie

1:25będę mógł skorzystać z tych wszystkich metod importując

1:29ramdę w następujący sposób i teraz problem polega na tym że jeżeli

1:33chciałbym odwołać się do jakiejś z tych metod to jak widzisz visual studio code

1:38nie posiada na ich temat żadnych informacji a mało tego nawet gdybym

1:42skorzystał z metody którą już znam czyli na przykład metody add która pozwala

1:46nam dodawać elementy do siebie to i tak okazuje się że nie mamy tutaj żadnej

1:50informacji o typach które musimy przekazać do tej metody ani tym bardziej

1:54tych które z niej otrzymujemy tak samo jeżeli zrobiłbym

1:58w tej metodzie litrówkę dowiedziałbym się o tym fakcie dopiero na późniejszym

2:02etapie na szczęście okazuje się że rozwiązanie tego problemu jest

2:07stosunkowo proste wystarczy że zainstaluję tak zwane definicję typów

2:11dla ramdy i to mogę zrobić po prostu wykorzystując yarn

2:15zauważ że zainstalowałem tutaj paczkę poprzedzoną słowem types

2:19i to właśnie sprawiło że nic już więcej nie muszę robić zwróć uwagę że już

2:23w tym momencie typescript podkreśla mi tutaj błąd ze względu na to że

2:28metoda adds nie istnieje w api ramdy jeżeli teraz wrócimy

2:32do poprzedniego stanu wszystko jest w porządku i mało tego po najechaniu na

2:36tą metodę mam tutaj wszystkie informacje na temat typów argumentów oraz zwracanej

2:41wartości i gdyby tego było mało mamy też informacje o tym że

2:45mamy tutaj również jedno przeciążenie funkcji aby zobaczyć jak ona

2:49wygląda mogę przytrzymać klawisz command bądź też control na windowsie a

2:53następnie kliknąć na tą metodę tutaj znajdują się obie definicje

2:57typów tych funkcji tak że jak widzisz w bardzo prosty sposób dostaliśmy

3:01tutaj możliwości które oferuje nam typescript pomimo tego że korzystamy

3:06z biblioteki która nie wykorzystuje natywnie typescriptu i teraz

3:10może nasunąć ci się pytanie skąd wiedziałem jaką bibliotekę należy tutaj zainstalować

3:14okazuje się że w tym przypadku informacja ta pochodzi ze strony domowej

3:19ramdy która dokładnie w tym miejscu daje

3:23nam wskazówki dotyczące tego w jaki sposób zainstalować dodatkowe typy

3:27natomiast ostatecznie jest jedno źródło które w zasadzie już teraz

3:31powinieneś dodać do swoich narzędzi jest to strona definitely typed org

3:35do której link powinien się teraz wyświetlić w każdym razie na

3:40tej stronie znajdziesz definicję typów dla większości popularnych bibliotek tymczasem

3:45być może w twojej głowie pojawiło się teraz kolejne pytanie dotyczące sytuacji

3:49w której chcemy dopisać definicję typów dla naszych

3:53projektów bez wątpienia na stronie definitely typed org nie

3:57znajdziemy definicji typów do naszego prywatnego projektu a jednocześnie może

4:01się okazać że coś takiego będzie nam potrzebne no i faktycznie jest

4:06możliwość utworzenia własnych definicji typów dla zarówno naszych projektów

4:10jak i zewnętrznych bibliotek i o tym powiem w kolejnej lekcji do

4:14której gorąco cię zapraszam