Hey 👋
Moi c’est Vanessa et je rends le développement mobile accessible avec FlutterFlow.
Pour ce premier épisode de juillet, j’inaugure le format de l’été. Je me posais beaucoup de questions sur cette newsletter ces dernières semaines. je reçois beaucoup de retours très positifs mais je cherche encore mon format et mon angle.
J’avais envie d’explorer mes différentes idées sans paraître trop brouillon et en lisant la newsletter MicroSaaS Maker d’Aurel, j’ai eu envie de reprendre son idée d’une saison Summer Break.
Je ne cherche pas du tout à créer de Saas mais je suis ce sujet parce que vous êtes plusieurs à avoir cet objectif en utilisant FlutterFlow et la newsletter apporte vraiment un vent de fraicheur dans cet univers en plus d’un contenu de qualité, sincère et généreux. Je recommande ++
En tout cas, j’espère que ce format va vous plaire.
Au programme de cette édition :
🧪 L’actu La Potion FlutterFlow
⛱️ Un petit tour de carrousel
🚀 L’actualité de FlutterFlow
🧪 L’actu La Potion FlutterFlow
Le premier Live Coding de la saison
Hier c’est le premier Live Coding (décidément, c’est la semaine des nouveautés) et j’ai passé un super moment avec très bons retours.
J’avais tester de live coding en présentiel et je trouve que le format est top pour sortir de la théorie et comprendre comment faire quand on est seul(e) devant son écran.
Tu devines surement que j’ai confirmé mon envie de faire une série de live tout l’été donc c’est officiel, le prochain sera lundi 15 juillet à 17h.
Le futur espace de La Potion FlutterFlow
L’été c’est aussi l’occasion de lancer Le Chaudron.
C’est quoi. C’est un programme que j’ai dans la tête depuis un moment et qui me tient à coeur. Mon objectif est de concevoir un espace qui apporte une aide quotidien et concrète face aux problématiques de développement avec FlutterFlow et plus largement du mobile.
Il y a une question qui m’a littéralement obsédée ces dernières semaines, c’est :
Qu’est-ce qui fait qu’on arrive à savoir développer ou non ? Pourquoi des personnes y arrivent et d’autres non ?
J’ai envoyé des vocaux à tous mes proches susceptibles d’avoir un avis sur la question.
Est-ce qu’il faut avoir le “truc”, de la chance, La formation parfaite ?
J’ai analysé les réponse, j’ai regardé mon parcours et celui des dev que je connais.
Ce qui fait qu’ils et elles ont progressé, c’est plutôt un ensemble de paramètres.
Un combo personnel d’envie, de curiosité et travail. Bon, je peux pas vraiment agir sur ce points.
Et un contexte qui allie :
une formation de base de qualité
un réseau dans le domaine
une équipe variée autour de moi qui pouvait répondre à toutes mes questions rapidement
un dev plus expérimenté(e) qui relisait mon code (les fameuses code review) et me disait exactement ce que je pouvais faire pour l’améliorer et ce qui n’allait pas.
Bingo.
Et c’est très précisément ce contexte que j’ai reconstitué pour créer Le Chaudron.
La version pilote est accessible en participant à un Live Coding.
⛱️ Encore un tour de carrousel ?
On arrive au coeur de l’édition.
Pour ce format d’été, je veux faire un focus sur les Widget.
Les applications sont grossomodo un ensemble de Widgets et la question récurrente est :
Quel widget utiliser pour faire ça ? Dois-je utiliser celui-ci ou celui-ça ? Pourquoi ? Quelles sont les différences entre les 2 ?
Bon, je m’arrête là.
J’ai fait un post linkledin sur ListView vs Column et vos messages m’ont confirmé la pertinence du sujet. Il est ici si tu veux voir.
Ici je vais te parler d’un de mes widgets préférés : Le Carrousel
Sous-côté, le carousel a plein de cas d’applications.
Tout d’abord, il a deux façons de choisir des widgets :
soit on les utilise exactement pour ce pourquoi ils sont faits. C’est parfait.
soit on les hack et c’est bien la partie fun de notre travail. On les détourne de leur usage strict pour faire ce que l’on veut.
Le carrousel comme carrousel
C’est vraiment l’usage de base. Il est pas toujours connu parce qu’il est arrivé plus tardivement dans FlutterFlow, avant il fallait utiliser un Custom Code avec un package. Et c’était bien pénible.
Maintenant les hacks 🤘 :
Petit warning : On va rester sur l’usage en mode horizontal, il est possible de le définir en vertical mais c’est un cas plus rares.
Le carrousel comme alternative au Widget Row
Le carrousel peut s’avérer être une bonne alternative au widget Row pour une liste scrollable horizontalement d’images ou d’autres composants.
Quels sont les avantages ?
Design :
Il gère très bien le responsive avec la propriété Viewport et Shrink factor.
Il apporte un effet de fludité et de mise en avant appréciable.
UX :
Il permet de créer une boucle sur les éléments de la liste.
Il a l’auto play intégré.
Contrôle des données :
Il permet de connaître l’index en cours. Par exemple lorsqu’on veut savoir quel et l’élément visible actuellement, où s’arrête l’utilisateur lors du défilement et de définir l’affichage dans la liste.
Le carrousel comme alternative au Widget PageView
Les principaux cas d'usage du PageView sont les écrans d’onboarding et les questionnaires multipages.
Le gros avantage du pageview est l’indicateur, vous pouvez le recréer mais ça reste le meilleur choix si vous en avez besoin.
Sinon, le carrousel apporte deux avantages :
La propriété Loop qui permet de revenir au début indéfiniment.
La propriété Auto Play. Cela permet d’éviter de le créer dans le panel action.
Pour cet usage, il faut définir la propriété Viewport à 1 et Shrink factor à 0.
Laisse un petit 💚 et un commentaire (juste en dessous) si cette édition t’a plu.
J’éspère que tu as aimé ce format et si tu as envie que je traite des widgets spécifiques, tu peux répondre directement par mail.
Je te rappelle que le prochain Live Coding est prévu le 15 juillet à 17h.
À bientôt
Vanessa
Toujours super bien construit cette newsletter !