Sto sviluppando un progetto React qui e ho deciso di provare TypeScript per vedere se davvero migliora le cose. Ma sto trovando abbastanza confuso integrare i tipi con componenti, hook e prop. Qualcuno che lo usa già riesce a darmi un consiglio su come iniziare senza perdermi troppo?
Il trucco è iniziare tipizzando le props dei tuoi componenti con `interface` o `type`, tipo `interface Props { nome: string; età: number; }` e poi usarlo nel componente `function Comp({ nome, età }: Props)`. Per gli hook, TypeScript già inferisce abbastanza da solo (se usi `useState(0)`, sa che è number), ma quando arriva un oggetto più complesso allora lo tipi manualmente: `const [user, setUser] = useState<{ name: string; email: string } | null>(null)`. Inizia da lì, lascia che il resto venga gradualmente - non provare a tipizzare tutto in una volta o diventa un caos.
Inizia tipizzando i props con `interface`, ma il trucco è usare `React.FC<Props>` o ancora meglio solo `function Comp(props: Props)` per non avere confusione con la tipizzazione di children. Quello che sorprende molti è provare a tipizzare tutto dal primo giorno - concentrati su props e stato prima, lascia i tipi impliciti in alcuni posti dove TypeScript li infierisce da solo, altrimenti finisci per avere quella sensazione di stare lottando contro il linguaggio invece di usarlo a tuo vantaggio.
Accediper rispondere.
