Automatisez votre workflow Angular avec vos propres schematics ✨ Et si je vous disais que vous utilisez probablement des schematics Angular tous les jours sans même le savoir ? 👉 Chaque fois que vous tapez : ng generate component my-component ou encore ng update … vous activez une schematic. 🎉 Mais saviez-vous que vous pouvez aussi créer vos propres outils d’automatisation pour aller encore plus loin ? 🚀 Pourquoi créer vos propres schematics ? Soyons honnêtes. Combien de fois avez-vous répété les mêmes étapes dans vos projets Angular ? - Créer des composants avec la même structure. - Ajouter manuellement des imports et fichiers dans les bons dossiers. - Configurer vos librairies internes ou préparer vos environnements. Résultat ? Vous perdez du temps ⏳, vous vous ennuyez, et le risque d’erreur augmente. C’est là que les schematics sur mesure changent tout. Un exemple concret Récemment, dans un projet complexe, chaque feature me demandait des heures de configuration : - Créer les fichiers nécessaires (composants, services, tests…). - Respecter les conventions de mon architecture en Clean Architecture. - Ajouter les imports et configurations dans les bons endroits. 👉 J’ai créé une schematic sur mesure pour tout automatiser. Résultat ? Ce qui me prenait 2 heures se fait désormais en 5 minutes, sans erreur. Et imaginez ce que vous pourriez automatiser : - Générer des CRUDs complets pour vos modules. - Configurer vos environnements et pipelines dès le début d’un projet. - Ajouter une librairie interne à vos projets en une commande. Envie d’essayer ? Découvrez les bases dans le carrousel ci-dessous 📚 Créer une schematic, c’est simple. Vous n’avez pas besoin d’être un expert pour vous lancer ! ✅ Voici ce que vous apprendrez dans le carrousel : 1️⃣ Initialiser un workspace dédié pour vos schematics. 2️⃣ Ajouter une structure de base avec un fichier schema.json pour les paramètres. 3️⃣ Écrire la logique dans un fichier index.ts pour générer ou modifier des fichiers. 4️⃣ Tester votre schematic en local avant de l’intégrer dans vos projets. Pour aller plus loin avec la documentation officielle: - https://buff.ly/4hm0hZ6 - https://buff.ly/3Wmo0jK - https://buff.ly/3Wnz40a 👉 Avec quelques étapes simples, vous pourrez transformer votre workflow et économiser des heures. Et vous, utilisez-vous déjà des schematics ? Beaucoup de développeurs Angular les utilisent sans s’en rendre compte. Mais créer les vôtres, c’est passer au niveau supérieur : - Gagnez du temps : Automatisez les tâches répétitives en quelques secondes. - Évitez les erreurs : Standardisez vos processus et fichiers. - Boostez votre productivité : Concentrez-vous sur le cœur de vos projets. 💬 Dites-moi en commentaire : quelles tâches vous prennent le plus de temps à répéter dans vos projets Angular ? Peut être qu'il est possible de les simplifier. 😉