๐ฉ๐ผ๐๐ ๐๐๐ถ๐น๐ถ๐๐ฒ๐ ๐ฑ๐ฒฬ๐ท๐ฎฬ ๐ฐ๐ฒ๐๐๐ฒ ๐๐ฒ๐ฐ๐ต๐ป๐ผ๐น๐ผ๐ด๐ถ๐ฒ ๐๐ฎ๐ป๐ ๐น๐ฒ ๐๐ฎ๐๐ผ๐ถ๐ฟ.
๐ ๐ฎ๐ถ๐ ๐๐ผ๐๐ ๐ป๐ฒ ๐ฝ๐ฟ๐ผ๐ณ๐ถ๐๐ฒ๐ ๐ฝ๐ฎ๐ ๐ฒ๐ป๐ฐ๐ผ๐ฟ๐ฒ ๐ฑ๐ฒ ๐๐ผ๐ป ๐ฝ๐น๐ฒ๐ถ๐ป ๐ฝ๐ผ๐๐ฒ๐ป๐๐ถ๐ฒ๐น.
Chaque fois que vous tapez ng generate component ou ng update, vous activez une schematic Angular.
Et pourtantโฆ
Trรจs peu de dรฉveloppeurs savent quโils peuvent crรฉer les leurs.
Pour automatiser leur propre workflow.
Et gagner des heures chaque semaine.
Le problรจme ?
Vous rรฉpรฉtez encore les mรชmes tรขches ร la main :
โ Crรฉer des composants avec une structure personnalisรฉe
โ Ajouter les fichiers dans les bons dossiers
โ Modifier ร la main les imports et les configurations
Rรฉsultat ?
Temps perdu. Risque dโerreur. Ennui.
Jโรฉtais dans ce cas.
Sur un projet complexe, je passais plus de 2h ร configurer chaque feature.
Aujourdโhui, รงa me prend 5 minutes. Grรขce ร ๐๐ป๐ฒ ๐๐ฐ๐ต๐ฒ๐บ๐ฎ๐๐ถ๐ฐ ๐๐๐ฟ ๐บ๐ฒ๐๐๐ฟ๐ฒ.
Imaginez ce que vous pourriez automatiser :
โ La gรฉnรฉration dโun module CRUD complet
โ Lโintรฉgration dโune librairie interne
โ La configuration initiale dโun projet client
Crรฉer une schematic, ce nโest pas sorcier.
Et dans le carrousel ci-dessous, je vous montre comment faire :
โ Initialiser votre workspace
โ Ajouter un schema.json pour vos paramรจtres
โ Coder votre logique dans un index.ts
โ Tester localement avant dรฉploiement
Tu utilises dรฉjร les schematics.
Crรฉer les tiennes, cโest simplement passer au niveau supรฉrieur.
๐ฌ Et toi ?
Quelle tรขche rรฉpรฉtitive pourrai-tu automatiser pour libรฉrer votre cerveau ?
Et si tu veux un exemple concret pour dรฉmarrer, jโai mis ร disposition un repo ici :
๐ https://urlr.me/vK2Gp6
Il contient une schematic Angular personnalisรฉe avec une structure de base prรชte ร lโemploi.
Et tu peux aussi aller jeter un oeil ร la doc officielle :
- https://buff.ly/4hm0hZ6
- https://buff.ly/3Wmo0jK
- https://buff.ly/3Wnz40a
Angular Can I Use creator | Frontend Software Engineer @Lucca | Angular Devs France Founder
2 months ago
Si c'est pour crรฉer un projet pour des schematics uniquement, Angular propose une commande pour gรฉnรฉrer un projet de schematics, cela รฉvite de crรฉer une librarie avec ngpackagr qui sera inutile: https://angular.dev/tools/cli/schematics-authoring#creating-a-schematics-collection