Thread by @Boris_Gauty

Comme promis voici mon Thread sur l'architecture BLOC. déjà en guise de rappel #Flutter est un framework mis sur pied par google pour le développement d'application multiplate-formes( web, android,ios,mac.).sa première version stable est sortie en decembre 2018 et aujourd'hui(1)

nous en sommes a la version 1.12.13+hotfix.5(pour ceux qui sont sur le canal stable).
Lors du développement d'une application il est très important d'avoir une bonne architecture car elle nous permet de pouvoir mieux suivre notre code et même de le réutiliser plus tard.(2)

avoir une bonne architecture nous permet de pouvoir séparer la logique de notre application des vues. l'architecture BLOC est une architecture parmi tant d'autres(MVVM,MVP etc.) généralement quand on développe une app mobile on a tendance a tout mettre dans une mettre classe (3)

l’inconvenant avec cette façon de faire est que réutiliser le code ou même le retravailler après une absence devient très difficile.
l'architecture BLOC repose sur trois concepts essentiels:
1- l'event: c'est lui qui gère tous les différents événements de notre application (4)

(par exemple lorsque nous récupérons des
données d'une API pour les afficher la bonne façon de faire voudrait qu'on affiche une barre de chargement pour éviter de présenter une page vide a l'utilisateur. eh bien ici la progression de notre barre est un événement tout comme (5)

la récupération des données depuis l'api qui est aussi un autre événement.
2-state: les states permettent de gérer l’état d'une interface a tout moment; pour notre petit exemple il est important de savoir a quel niveau sont les données (6)

(est ce qu'elles sont chargées, est ce qu'il y'a eu une erreur? etc...).
3-bloc: le bloc ici réunis l'event et le state c'est lui qui s'occupe de faire toutes les opérations, d'analyser les résultats et de les retourner
vers la vue. (7)

(il peut être considéré comme le cerveau de notre interface).
un autre avantage de l'architecture BLOC est qu'elle peut facilement s'auto adapter en fonction de nos besoins.
par exemple nous pouvons ajouter un repository pour gérer nos requêtes réseaux et nos requêtes locales(8)

Et les intégrer dans notre modèle bloc sans difficulté.
grâce au modèle BLOC l'authentification se gère presque toute seule; en effet l’équipe #Flutter a travailler sur une
implémentation complète de l'authentification avec gestion des états.(9)

en utilisant un package comme "get_it" les habitués de l'injection des dépendances trouverons aussi leur compte.😏
pour ceux qui débutent sur #Flutter ou qui ont besoin d'une architecture fiable pour leur projet, je recommande vivement le modèle BLOC.(10)

sur ce site vous pourrez trouvez toute la doc utile pour le modèle bloc sur #Flutter : bloclibrary.dev
mais vous pouvez aussi vous en inspirer pour d'autres framework.(11)

voici un exemple de packages utiles qui peuvent vous faciliter la vie.j'ai testé la plupart d'entres eux je vous laisse découvrir ce qu'ils font😎:
*flutter_bloc
*chopper
*moor*
*get_it*
*moor_flutter*
*provider*

tous sont disponibles sur pub.dev (12)

je suis entrain de rédiger un article sur medium(bientôt dispo) pour illustrer le modèle BLOC dans un exemple complet.

j’espère que le thread va aider beaucoup a se lancer😎😅. moi même j'apprend toujours donc n’hésitez pas à échanger.(13)

#Flutter
#TheBest