TypeScript: Dobre praktyki

3.9+

0:00Tą lekcją zbliżamy się do końca naszej nauki zaawansowanego typescriptu

0:04i w związku z tym chciałbym wykorzystać tą szansę do tego aby podzielić

0:08się z tobą pewną praktyką mianowicie za każdym razem gdy uczę się

0:12czegoś nowego zawsze wyszukuję sobie informacji na temat dobre praktyki

0:16w czymś lub złe praktyki w czymś zwykle pod takimi

0:20hasłami trafiam na firmy bądź artykuły różnych ekspertów z danego

0:25tematu którzy dzielą się swoim doświadczeniem właśnie w zakresie

0:29dobrych i złych praktyk jest to świetny sposób na to aby przenieść swoją

0:33wiedzę kilka poziomów wyżej właśnie przez stosowanie tych najlepszych praktyk

0:38lub unikanie tych popularnych błędów i jeżeli chodzi o

0:42typescript to mam dwie takie strony które mogę ci śmiało polecić jedna

0:47z nich pochodzi bezpośrednio ze strony typescriptu gdzie znajduje się

0:51artykuł o nazwie do's and don'ts czyli zasadniczo jest to

0:55zbiór zasad prezentujący nam zarówno te dobre jak i złe praktyki jest

0:59tu naprawdę wiele sugestii które na tym etapie czyli po ukończeniu moich kursów

1:03jesteś w stanie dobrze zrozumieć i wykorzystać w praktyce drugim

1:08takim źródłem jest artykuł pochodzący bezpośrednio z bloga zalando w

1:12którym również jedna z programistek opisała najlepsze praktyki pracy

1:16z typescriptem i to jest znowu artykuł z którym zdecydowanie

1:21warto się zapoznać jeżeli chodzi o mnie to wybrałem kilka takich tematów

1:25o których warto wspomnieć czy właściwie warto je podkreślić pierwszym

1:30z nich jest wykorzystanie konfiguracji strict w pliku konfiguracyjnym tsconfig

1:34konkretnie ustawienie tych oto opcji sprawia że wykorzystujemy tutaj

1:38potencjał typescriptu oraz jednocześnie możemy w wielu aspektach liczyć

1:42na jego pomoc oczywiście pamiętaj też o tym że w momencie gdy

1:46migrujesz projekt z javascriptu jeżeli masz taką potrzebę część z

1:50tych opcji możesz wyłączyć natomiast docelowy scenariusz powinien uwzględniać

1:54je wszystkie kolejną rzeczą o której warto pamiętać jest inferencja

1:58typów o niej już mówiłem w kursie podstawowym i zasadniczo

2:03jak już doskonale powinieneś wiedzieć jest to mechanizm polegający na tym że

2:07typescript jest w stanie określić typ bez konieczności tego abyśmy

2:11to my podawali go za każdym razem bo jak widzisz typescript poprawnie

2:15tutaj określił tutaj typ danych ustawiony jako string literal type dla ciagu Adam

2:20w związku z tym nie ma najmniejszej potrzeby abym tutaj określał ten

2:24typ samodzielnie podobnie ma się to w przypadku na przykład funkcji tutaj

2:29typescript nie miałby pojęcia jaki typ zmiennej przekazujemy do tej funkcji w

2:33związku z tym to określiłem ale już typ zwracany przez tą funkcję

2:37jest określony bezpośrednio przez typescript dzięki temu że pomijamy te

2:41definicje typów które nie są faktycznie potrzebne zwiększamy czytelność

2:46kodu i jednocześnie zmniejszamy jego rozmiar tak że bez wątpienia jest to

2:50szczególnie istotne kolejną rzeczą o której chciałbym wspomnieć jest fakt

2:54że w typescripcie powinniśmy unikać słowa null w zamian możemy

2:58wykorzystywać undefined i to dokładnie z tego powodu że w momencie

3:02gdy na przykład parametr funkcji jest opcjonalny bądź na przykład właściwość jakiegoś

3:06obiektu jest opcjonalna to zwróć uwagę że typescript nie obsługuje

3:10tutaj wartości null w związku z tym jeżeli przekażemy do takiej funkcji

3:15wartości null a następnie odwołamy się do jej właściwości no

3:19to w trakcie wykonywania programu otrzymamy błąd oczywiście

3:23typescript na ten moment informuje mnie o tym że taka ewentualność może nastąpić

3:28natomiast wystarczy że wyłączyli byśmy właściwość strict w pliku konfiguracyjnym no

3:33i możemy czekać na błędy kolejną rzeczą o której warto pamiętać

3:37o ile jeszcze tego nie robisz to wykorzystanie prettiera bądź eslint

3:41dobranie tych narzędzi pozostawiam już tobie natomiast chodzi

3:45tutaj o to aby pilnować stylu w jakim piszemy kod czyli

3:49i jak widzisz tutaj zabrakło mi spacji ale już w momencie gdy zapiszę ten

3:53plik visual studio code za mnie poprawia ten kod zgodnie

3:58z określonymi przeze mnie zasadami i teraz ostatnią rzeczą

4:02którą co prawda nawet można nie połączyć z samym typescriptem jest fakt

4:06że jeżeli do jakiejś funkcji przekazujesz dużo parametrów no to

4:10całkiem dobrym pomysłem jest to aby zamknąć je w obiekcie dzięki temu

4:14jak widzisz tutaj podajemy po prostu obiekt data i w tej sytuacji nie

4:18musimy dbać chociażby o kolejność tych parametrów no i jednocześnie łatwiej

4:23jest utworzyć taki cały obiekt a następnie w całości przekazać go do funkcji

4:27i to by było na tyle jeżeli chodzi o takie ogólne dobre praktyki z mojej

4:31strony natomiast zdecydowanie polecam ci przeczytanie tych dwóch

4:35artykułów które zdecydowanie rozszerzają ten temat a jednocześnie

4:39ja nie chcę się tutaj powtarzać zachęcam cię również do samodzielnego wyszukania

4:44artykułów na przykład na medium do tego aby poznać perspektywę różnych programistów

4:49właśnie pod kątem dobrych i złych praktyk na sam koniec dodam

4:53tylko że taką złą praktyką której zdecydowanie powinieneś unikać

4:57jest zostawienie rzeczy na później chodzi mi tutaj o to że typescript

5:02bez wątpienia dokłada nam trochę pracy w zamian zyskujemy wiele

5:06różnych korzyści no ale jednak tego kodu trzeba pisać więcej to rodzi

5:10pokusę do tego aby w wielu miejscach stosować typ any bądź w ogóle

5:14pomijać definicję typów i co za tym idzie wyłączać różne

5:18denerwujące opcje kompilera efekt tego jest taki że

5:22to prowadzi nas do miejsca w którym zdecydowanie nie chcielibyśmy się znaleźć w

5:26przyszłości po prostu jeżeli decydujesz się na wykorzystanie typescriptu

5:30dbaj o to aby pisać kod uzupełniony o typy i jednocześnie

5:34czerpać z tego typescriptu jak najwięcej korzyści w przeciwnym razie jeżeli

5:38pisząc taki kod pojawiają się błędy których mógłbyś łatwo uniknąć no

5:43to pretensje możesz mieć chyba tylko do siebie i w ten oto taki trochę

5:47ostrzegawczy sposób kończymy naukę typescriptu w tym kursie

5:51a ja zapraszam cię teraz do ostatniej lekcji