IONIC Section 4 - 4.18 Pourquoi Angular ?

Cliquez içi pour plus de vidéos disponibles sur notre chaine youtube !

Bonjour à tous, ainsi dans ce module, nous avons beaucoup appris sur les components Ionic de base, nous avons appris que la documentation officielle est le lieu idéal pour tout savoir, toutes les configurations possibles, car il est impossible de les mémoriser dans leur intégralité, vous les apprendrez plus en détails avec la pratique, donc il est tout à fait normal que vous examiniez dans un premier temps la documentation avant de commencer votre conception. Maintenant nous allons voir ensemble pourquoi utiliser Angular à ce moment ? Pour être plus précis, il y a 3 raisons principales pour lesquelles nous utiliserons Angular, car tout faire par soit même, c’est d’autant plus long et plus compliqué, particulièrement si nous avons une logique plus complexe. Nous ne voulons pas réinventer la roue des implémentations, nous ne voulons pas accéder au DOM par nous-mêmes, nous voulons simplement contrôler la façon dont notre DOM doit changer, les données qui doivent l’être en sortie, comme une liste de produits. Nous ne voulons pas nous préoccuper de la logique de sortie réelle, nous voulons uniquement contrôler la logique, comme ajouter un produit, valider les produits d’entrée, les récupérer à partir d’un serveur, c’est ce que nous voulons faire. Nous ne voulons pas non plus gérer nous-mêmes l’état, car la gestion d’état dans des applications plus volumineuses peut être très difficile, car elle permet de transmettre les données correctement et de mettre à jour différentes parties de l’application lorsque certaines données ont été modifiées ailleurs. Et Angular rend cela plus facile à l’aide de ses services. Donc, pour éviter que notre interface utilisateur ne se comporte de manière imprévisible et que notre application ait beaucoup de bugs. Nous voulons absolument utiliser un système de gestion d’état comme celui proposé par Angular, ses services et l’injection de dépendance, ce qui touche également le contrôleur d’alerte et ainsi de suite. Vous vous souvenez du component « ion-alert » que nous avons placé dans notre code HTML et ensuite avoir accès via notre fichier JS afin de pouvoir la créer ? Et bien avec Angular et Ionic, nous pourrons simplement injecter ce contrôleur d’alerte, grâce au wrapper package que Ionic nous fournit autour des components essentiels. Cela facilite ensuite l’utilisation de ces components, de sorte que nous n’ayons plus besoin de nous concentrer sur l’ajout et la sélection avec le sélecteur de requête mais sur le fait que nous pouvons simplement l’injecter et commencer à l’utiliser. /TAP5/ Enfin, si notre application nécessite plusieurs pages car pour notre exemple concernant le plan budgétaire , nous n’avons qu’une seule page, nous ne naviguons pas, nous n'appuyons pas sur le bouton « Précédent » pour retourner sur une page précédente. Dans des applications bien plus complètes, vous avez différentes pages, plusieurs onglets, plusieurs parties de l’application différées par une liste de produits, le profil de l’utilisateur ou autre. Cet acheminement pourrait se faire avec Ionic, il a son propre component de Routing, mais le Routing d’Angular est beaucoup plus puissant, il nous donne beaucoup de fonctionnalités avancées et un Routing intelligent, pour un acheminement correct où nous pouvons également travailler avec des éléments tels que les paramètres de requête dans l’URL, etc… C’est pourquoi nous utilisons Angular, parce que cela nous aide avec la logique complexe, parce que nous pouvons nous concentrer sur l’écriture de la logique et qu’Angular fait le reste de la mise à jour du DOM, cela nous donne des règles claires concernant la manière de structurer votre application avec des components, des directives, des services. Et ainsi, de suite, de sorte que nous ayons un plan clair pour construire une application plus grande. Il nous aide pour les services, les liaisons et l’acheminement vers l’état de transport et nous parle d’acheminement. Il nous aide également pour le transfert de données, le chargement pénible etc… C’est la raison pour laquelle nous utiliserons Angular à partir de la section suivante et je vous montrerai en détail comment mettre en place un projet Angular et Ionic. Nous avons déjà eu l’occasion de le faire précédemment. Je vous donne rendez vous dans la prochaine vidéo concernant notre prochaine section.

En résumé

Après avoir maîtrisé les composants Ionic de base, ce module explique les trois raisons fondamentales d'utiliser Angular pour le développement d'applications mobiles. Angular résout le problème chronophage de réinventer la roue en offrant une gestion d'état robuste via ses services et son système d'injection de dépendances. Il s'avère particulièrement puissant pour les applications multi-pages complexes, fournissant un routing intégré et des outils de gestion de logique métier qui augmentent considérablement la productivité des développeurs.

Points clés

Éviter de réinventer la gestion du DOM et l'accès aux éléments pour se concentrer sur la logique applicative
Services Angular et injection de dépendances permettent une gestion d'état centralisée (ex: alert controller, routing)
Système de routing intégré à Angular facilite la navigation dans les applications multi-pages
Angular offre une structure puissante pour gérer la logique complexe des applications modernes
Les liaisons de données automatiques réduisent le code boilerplate et améliorent la maintenabilité
Gain de productivité majeur en utilisant un framework établi plutôt que de développer from scratch

Questions fréquentes

Pourquoi ne pas coder tout soi-même plutôt qu'utiliser Angular ?

Tout faire soi-même est long et compliqué. Réinventer la gestion de l'accès au DOM et la logique de contrôle mobiliserait des ressources énormes. Angular vous permet de vous concentrer sur la logique métier plutôt que sur les fondamentaux.

Quel est l'avantage principal de l'injection de dépendances Angular ?

L'injection de dépendances permet une gestion d'état centralisée et modulaire. Vous pouvez injecter des services comme le alert controller directement dans vos composants, rendant le code plus maintenable et facile à tester.

Angular convient-il vraiment aux applications multi-pages ?

Oui, Angular est particulièrement adapté aux applications multi-pages complexes. Son système de routing intégré et ses outils de gestion de logique complexe (services, liaisons, routing) le rendent idéal pour ce type de projets.