Documentation :
- https://create-react-app.dev/docs/adding-typescript
- https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/basic_type_example
Pour créer une application react utilisant typescript :
npx create-react-app my-app --template typescript
Exercice "Tasks"
Créer une application react ts :
npx create-react-app tasksts --template typescript
Le but est de créer une application qui gère l'ajout, la modification, la suppression et le classement des tâches.
Instructions :
- Créer des interfaces dans le répertoire src/interfaces
- Créer TaskInterface pour commencer
- Pour les props, je vous invite à créer des interfaces (PropsTaskInterface) qui héritent (extends) de TaskInterface
- Créer un répertoire src/mocks dans lequel vous créez un fichier tasks.json
- Créer un répertoire services dans lequel vous créez un fichier taskService.ts
- Dans taskService.ts, importer tasks.json et exporter une méthode getTasks qui renvoit une promesse qui implémente l'interface TaskInterface