diff --git a/development/langage-typescript.md b/development/langage-typescript.md index 064465ec..92730885 100644 --- a/development/langage-typescript.md +++ b/development/langage-typescript.md @@ -8,15 +8,20 @@ ## 🎓 J'ai compris et je peux expliquer -- l'intéret de TypeScript dans l'IDE ❌ / ✔️ -- les types de bases ❌ / ✔️ -- comment et pourquoi étendre une interface ❌ / ✔️ -- les classes et les decorators ❌ / ✔️ +- l'intéret de TypeScript dans l'IDE ✔️ +- les types de bases ✔️ +- comment et pourquoi étendre une interface ✔️ +- les classes et les decorators ❌ ## 💻 J'utilise ### Un exemple personnel commenté ❌ / ✔️ +``` +type Callback = (req: Request, res: Response) => Promise; +``` +une fonction attendant 2 arguments req typé en Request et res typé en Response renvoyant une Promise + ### Utilisation dans un projet ❌ / ✔️ [lien github](...) @@ -24,10 +29,44 @@ Description : ### Utilisation en production si applicable❌ / ✔️ - -[lien du projet](...) - -Description : +``` +type WilderProps = { + name: string; + city: string; + skills: TSkill[]; +} + +type SkillProps = { + title: string; + voteCount: number; +} + +const Wilder = ({ name, city, skills }: WilderProps) => { + return ( +
+ Jane Doe Profile +

{name}

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim + veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat. +

+

{city}

+

Wild Skills

+ +
+ ); +``` +Description : wilder typé ### Utilisation en environement professionnel ❌ / ✔️ @@ -37,8 +76,8 @@ Description : ### Titre -- lien -- description +- (la doc TS)[https://www.typescriptlang.org/docs/handbook/basic-types.html] +- voici la doc officielle TS très pratique pour n'importe quel questionnement sur typescript ## 🚧 Je franchis les obstacles