Episode 9 : Dans l’épisode précédent, nous avons vu théoriquement comment organiser les nombreux composants qui constitueront notre application, grâce à l’architecture en composant Smart & Dumb. Maintenant, il nous reste « juste » à passer à la pratique, en mettant en application ces beaux principes théoriques. Par quoi commencer ? Quel composant créer en premier ? Comment les imbriquer entre eux ?

Nous savons théoriquement à quoi ressemble une architecture en composants « intelligents » et « stupides », mais nous ne l’avons jamais encore mis en place pour de vrai. Nous allons commencer par découper notre page d’accueil en différents composants, puis nous les générerons avec Angular CLI. Enfin, nous les assemblerons tous ensemble afin d’afficher une magnifique page d’accueil à nos futurs utilisateurs.

Episode 8 : Dans l’épisode précédent, nous avons ajouté des classes TypeScript ayant pour rôle de modéliser les entités métiers de notre application. Nous avons donc assez d’éléments pour mettre en place nos premiers composants. Cependant dans une « vraie » application, il y a beaucoup, beaucoup de composants différents qui interagissent entre eux. Comment organiser l’ensemble des composants de son projet ? Comment est-il recommandé de découper ses composants ? Combien faut-il en créer ?

Nous avons mis en place tout le socle nécessaire à notre projet, et nous allons pouvoir commencer à ajouter nos premiers composants. Mais comme notre application fera une certaine taille, nous savons déjà que nous aurons de nombreux composants à gérer. Nous allons donc voir comment organiser l’arborescence de tous ces nouveaux composants. Pour cela, je vais vous présenter une des architectures les plus populaires, c’est l’architecture en composants Smart et Dumb.

Episode 7 : Nous avons mis en place le style globale de notre application dans l’épisode précédent, et nous allons attaquer la partie plus métier de nos développements. En effet, dans notre application, nous ne voulons pas travailler avec de simple JSON venant du backend, nous voulons travailler avec des entités métiers : des utilisateurs, des tâches, etc. Nous pourrons également profiter de la puissance de TypeScript pour typer fortement nos méthodes et propriétés. Mais comment mettre en place des classes TypeScript capables de modéliser nos entités métiers, également appelées modèles ?

Nous avons déjà ajouté tous les éléments de style dont nous aurons besoin. Maintenant, nous allons attaquer les développements plus métier de notre application, en ajoutant des classes TypeScript capables de modéliser nos entités métiers : un Utilisateur, une Tâche, etc. Ces entités métiers sont également appelées des modèles.