Do stworzonej wcześniej aplikacji dodaj TypeScript.
- Zainstaluj zależności NPM:
typescript,@types/react,@types/react-dom.
- Stwórz konfigurację TypeScript (
tsconfig.json). Możesz skorzystać z przykładowej konfiguracji rozszerzonej o opcje wymagane przez React lub przykładowego projektu Vite z TypeScript
💡
Pamiętaj, że w TypeScript nie chodzi o dodawanie typu do każdej pojedynczej funkcji czy zmiennej. TypeScript bardzo dobrze radzi sobie z wnioskowaniem (ang. inference) typów. Wykorzystaj to.
ℹ️
Nie jest konieczna migracja całego projektu na raz. Dodawaj typy plik za plikiem. Pamiętaj też o zmianie rozszerzenia pliku z .js na .ts i .jsx na .tsx.
Zacznij migrację od właściwości (props) pojedynczej pozycji w cenniku.
Komponent ze sloganem zmodyfikuj tak, by stan był zabezpieczony przed podaniem nieodpowiedniej wartości (np. liczby).
Galeria, rozbudowana o ładowanie danych za pomocą protokołu HTTP, korzysta z zestawu danych opisujących zdjęcia.
Dodaj typowanie w miejscu wczytywania danych.
Dodaj typowanie do kontekstu kolorystyki aplikacji.