Le concept de « Clean Architecture », qu’on appelle aussi l’« Architecture hexagonale » ou encore « Ports/Adapters Architecture » a déjà fait ses preuves dans le développement d’application backend. Si cette technique a gagné en popularité ces dernières années, elle ne s’est pas beaucoup démocratisée dans le développement d’application frontend.
Nous vous invitons donc à venir découvrir les fondamentaux de la Clean Architecture et voir comment l’implémenter dans une application web. À travers cette session, nous redévelopperons l’application de prévision météorologique à partir des concepts de « Clean Architecture » puis nous tenterons de migrer de frameworks en live.
----------------------
Une vidéo présentant la clean architecture, et comment la mettre en place dans un projet front-end, avec des exemples de codes disponible ici : www.youtube.com/...
3 lectures pour mieux travailler en équipe
Accéder à la vidéo
Retour d'expérience sur le travail en remote avec Florian Grignon
Accéder à l'épisode
Nettoyer son code rend heureux
Accéder à l'épisode
ELM et TDD
Accéder à la vidéo
Bonne nouvelle, utiliser ce standard, notamment le shadow DOM, vous permet d'afficher sur la même page du React, du Angular, du VueJS ou même du pur HTML+JS.
Petit bémol (pas un point bloquant, mais il faut connaitre les limitations:
- pour partager des styles, préférez les variables CSS (Convention Over Configuration)
- Tester son GUI avec Pupeteer par exemple, nécessite de faire du "DOM piercing" pour accéder au shadow DOM
- Les formulaires peuvent devenir un problème si vous n'adoptez pas la clean architecture (tant mieux d'ailleurs, un des patterns du Clean Code c'est de rendre facile d'appliquer les bonnes pratiques et difficile l'usage des mauvaises).
On vit une chouette période pour faire du web !
Happy coding.
Par contre, la question que je me posais : le présentateur utilise un objet passé en paramètre pour "retourner" le résultat de ses use cases. Je n'arrive pas à voir ce que cela apporte de bénéfique par rapport a un bon vieux return. Ou est-ce juste un détail d'implémentation ?