L'article UI/UX de la semaine s'intéresse à l'application HBO Max sur iOS. Avec la moins bonne note des services de streaming (2,8/5 contre 4,7/5 pour Apple TV+), un UX designer a pris le temps de regarder les défauts de l'implémentation… et le moins que l'on puisse dire c'est qu'ils sont nombreux. Prenez 5-10 minutes pour parcourir le diaporama, car il est fort instructif.

Une autre participante à la conférence Flutter Vikings a écrit un billet dans lequel elle résume les sessions qu'elle a pu voir. Un bon guide pour savoir quelles vidéos regarder en replay.

Cette newsletter est complètement personnalisée, puisqu'elle vous enverra tous les jours 7 liens vers des articles selon les critères que vous aurez indiqué.

Si vous avez besoin de créer votre propre Future, l'objet Completer est indispensable, puisqu'il va vous permettre d'indiquer à quel moment une tâche est terminée.

D'une manière générale, la création d'animations en Flutter est bien plus simple que sur nombre de frameworks, notamment avec les Widgets comme AnimatedContainer, AnimatedSizedBox… Si vous préférez quelque chose de plus personnalisé, il faut alors passer par des AnimationController, liés à des Curved. Bref, pas toujours intuitif. Et c'est là où la bibliothèque utilisée dans la nouvelle application Wonderous peut vous aider, puisqu'elle s'inspire de TweenJS. Écrire une animation est bien plus simple, car vous allez pouvoir enchaîner plusieurs animations : button.animate().slide().

Un développeur qui avait l'habitude d'utiliser Provider et BLoC sur ses projets, tout en essayant de suivre le paradigme de Flutter Clean Architecture, s'est rendu compte qu'il codait tout le temps les mêmes choses. C'est pour cette raison qu'il a mis à disposition la bibliothèque Pine, dont il explique l'implémentation dans cet article.

Des SDK existent sur Android et iOS… mais rien sur Pub.dev ? Une seule solution : faire l'implémentation vous-même. À travers deux articles (un pour Android et un second pour iOS), vous allez découvrir comment réaliser l'implémentation grâce aux MethodChannel et EventChannel.

Cet article est extrêmement intéressant pour comprendre la gestion du focus en Flutter. L'idée est de concevoir une application, dont l'élément sélectionné "avance" avec la touche Tab et "revient en arrière" avec Tab + Shift. Vous pouvez d'ailleurs tester la démo depuis le Dartpad.

Ce livre de 250 pages revient sur la manière de concevoir des applications pour mobile, le desktop et le web en Flutter. Publié très récemment (fin août), il se base sur Flutter 3.0 et propose un apprentissage basé sur l'exemple. 9 projets sont à réaliser, avec une difficulté qui va crescendo.

Vous avez marre d'écrire des requêtes SQL en direct ? C'est pour cela que les ORM (pour Mapping Objet-Relationnel) peuvent nous faire gagner du temps. Côté Flutter, il en existe de nombreux et voici un des petits nouveaux, dont le créateur a pris sa plus belle plume pour vous expliquer son fonctionnement.

Le développeur derrière cet article s'est donné pour objectif de prendre une photo de face des utilisateurs, ainsi que de profil. Pour s'assurer qu'ils ne font pas n'importe quoi, une vérification est faite depuis le flux de la caméra et donnée à un algo de machine learning. L'implémentation n'a pas été si simple et bien que le résultat final soit convaincant, la manière d'y parvenir montre que Flutter a encore quelques limites.

Le framework reFlutter permet de faire du reverse engineering d'applications Flutter. Dans un vaste article, il explique la manière dont l'outil a pu être conçu. Malheureusement tout n'est pas encore fonctionnel et il incite la communauté à l'aider, n'ayant pas suffisamment de temps pour tous les investiguer.

En Flutter, les Column et Row se basent sur une classe Flex, dont l'algorithme est fortement répandu sur le web. Voici un petit jeu de tower defense pensé pour la déclinaison CSS (mais très proche des APIs Flutter), dont l'objectif est de bâtir votre défense… en codant en Flex. N'hésitez pas à partager vos scores !