- j'ai bien aimé le déploiement automatisé — livrer rapidement en un claquement de doigts
- j'ai appris les scripts magiques exécutés sur la base ciblée (
mongo <nom-de-base> script.js) - je me suis un peu amusé avec les raccourcis clavier Monaco, les actions et les commandes — on peut les conditionner en fonction de l'état de l'éditeur
- j'ai appris le
sortdans lepopulate()de Mongoose — la surcouche fait bien le travail - j'ai aimé qu'on diagnostique rapidement les problèmes remontés, et les corriger au fil de l'eau (2 livraisons dans l'aprem)
- j'ai aimé le binomage avec Margot, la précision de ses diagnostics et tester des solutions en temps réel (par écrit c'était la galère)
- j'ai aimé qu'on ait à toucher à peu d'endroits pour corriger des trucs, tout est moins couplé
- j'ai aimé les échanges sur Mattermost, la chasse aux bugs en live 🥷
- la partie tests/livraison — on a l'impression de laisser le temps mais on découvre pas mal de choses en poussant en prod
- pousser en prod régulièrement les p'tits bouts
- autoriser un déploiement manuel sur un tag spécifique
- j'ai presque appris les…
ref/forwardRef - j'ai aimé faire du ménage dans les issues, c'est apaisant/rassurant, voir ce qui est d'actualité ou qui ne l'est plus
- j'ai aimé investiguer le bug d'Hypothesis et les doublons de commentaires
- j'aime bien les déclarations de bugs avec vidéos de Margot
- j'ai aimé simplifier la bascule de compte sur la page Articles
- le dépôt
templatesun peu lointain où on a peu de visibilité sur les changements - les issues qui contiennent plusieurs problèmes différents, ou avec beaucoup d'éléments implicites
- y'a des issues qui trainent de par leur caractère implicite, dont le suivi n'est pas fait et qui trainent dans les limbes
- je ne suis toujours pas satisfait de la dénomination du "Account Access"
forwardRef, je comprends toujours pas
- prioriser le backlog avec Antoine et Margot
- J'ai bien aimé réfléchir à la structure du code — c'était différent de ce que j'imaginais
- Regarder dans le navigateur avec les DevTools, et les DevTools React, pour comprendre ce qu'il se passait — c'est facile de voir quand il y a une erreur, et où (en tous cas, visuellement)
- J'ai aimé commencer à modifier le formulaire pour changer la couleur
- Binômer c'était cool, j'ai pu poser plein de questions dès qu'il y avait des concepts que je ne connaissais pas (toute seule j'aurais eu besoin de plus de temps)
- Continuer à binomer en utilisant le téléphone pour la voix, et en partage d'écran en visio (+1)
- J'ai aimé t'embarquer dans Stylo avec une visite guidée fonctionnelle, et avec du contexte projet
- J'ai aimé découvrir un bug en te faisant une visite guidée de Stylo
- J'ai aimé pouvoir réutiliser la librairie Downshift
- J'ai aimé voir Guillaume se mettre à corriger l'aprem le bug débusqué le matin
- J'ai manipulé plusieurs syntaxes différentes, mélangées… c'était dur de faire correspondre tous les concepts nouveaux en même temps
- Bien adhérer aux règles de syntaxes, j'ai pas encore tout le vocabulaire pour faire "avoir des conversations en React"
- Binomer avec une connexion Internet capricieuse
- J'ai ramé à configurer le composant d'autocomplétion, parce que sa documentation est aride
- S'il y a des concepts qui vont être ardus à utiliser, m'envoyer les noms des concepts qui vont être utiles
- J'ai appris que je ne connaissais plus
animation,transform, ettransition - J'ai bien aimé apprendre les aggrégations MongoDB pour faire 2-3 stats sur Stylo
- J'ai bien aimé ce que t'as fait sur le partage d'articles et de comptes
- J'aime bien l'idée d'avoir une gestion des contacts (pour éviter d'avoir à ressaisir les emails) — la fonctionnalité commence à apparaitre
- J'aime bien qu'on y voit de plus en plus clair dans l'interface, et qu'elle rame
- Ça fait tellement de bien de supprimer du code
- J'ai aimé découvrir des features de Mongoose/MongoDB plutôt que d'écrire du code qui refaisait la même chose
- Toujours aussi cool de bosser design/code dans le navigateur avec Maïtané
- Je suis un peu crevé, j'ai pas trop d'énergie, ça m'a ralenti
- Des vacances 🎄
- Le
gapen CSS ! - Et
flex-shrink: 0pour éviter de 🙏 ("reste comme ça") - J'ai aimé voir les trucs qui bougent, faire des styles avec vous
- On a nos premières stats !
- On a mis en ligne ! Trop bien le nettoyage.
- Le script de migration a bien marché.
- Chouette de travailler à plusieurs sur l'interface, c'est productif. Ça évite les allers-retours.
- J'ai beaucoup aimé tester toutes les variantes du changement d'état de la sauvegarde d'un article.
- J'ai découvert la fonctionnalité de partage de comptes…
- J'ai aimé utiliser l'application de bureau Jitsi Meet, avec l'option de désactivation de nuisance sonore (c'est utilisable avec le serveur de dev qui tourne)
- Mon nez !! 🤧
- J'ai aimé travailler avec vous, mais c'est encore difficile de travailler (revenir au boulot)
- On n'a pas pu fusionner la pull request de nettoyage de cookies à cause de la fonctionnalité de bascule de compte
Nope !
- J'ai bien aimé la partie nettoyage — authentification. J'ai l'impression de mieux comprendre comment ça fonctionne (passport et les callbacks, qui utilise quoi)
- J'ai aimé déployé en dev pas mal de choses
- J'ai bien aimé les tests de Margot en direct 🙂 — elle a eu des remarques qui concernaient des endroits où on se posait des questions
- Matomo, des stats, chouette !
- J'aime le résultat de la réécriture du routeur, ça va dans le bon sens
- Top les scripts de transaction MongoDB
- Marrant de découvrir des versions/articles qui ne sont plus associées aux users (le fameux soft delete)
- Le nettoyage du code m'a permis de monter en confiance dans l'écriture collaborative
- Il est bien cool le store Redux, on fait davantage de choses avec et ça règle beaucoup de nos problèmes
- Super "Vite", il est rapide, fonctionne du premier coup et le gain pour nous est important
- Je suis content d'avoir utilisé Discord pour l'audio/vidéo, c'était utilisable en dev, même si un peu moins rapide que sans visio
- J'aime beaucoup l'élégance du code grâce à Redux, et la porte que ça ouvre aux de recalculs gérées par le store
- J'ai bien aimé la question à propos de l'API GraphQL, ça m'a redonné de la motivation car ça ouvre les usages de Stylo, en dehors de Stylo
- On nettoie, ça me plait
- Faire des petites PR de notre côté et mettre en commun, finaliser à deux, super
- Idem pour la revue de code, s'expliquer les changements
- La partie
git rebase, on a dû y revenir à plusieurs fois - Coder avec le partage d'écran sur Jitsi, la plaie !
- J'aimerais beaucoup bosser avec Maïtané, notamment sur la sidebar de gauche #408
- J'ai redécouvert le module
why-did-you-render. - J'ai bien aimé cloturer des pull requests, me libérer l'esprit et avancer ! (Marie Kondo style)
- J'aime repartir dans l'historique du chantier, comment ça a été fait.
- C'est important qu'on maitrise le cycle éditeur -> rendu -> sauvegarde — un bon prérequis à l'édition collaborative.
- C'était chouette de s'y remettre, ça faisait longtemps.
- J'aime bien qu'on soit en train d'atteindre des questions d'architecture de données, à partir de nos enquêtes sur les performances applicatives
- J'ai bien aimé découvrir qu'un fichier de test n'était plus lancé depuis 6 mois, merci la review !
- J'ai du mal à cloisonner où démarre et où termine un changement (on cherche à modifer un petit truc, mais les répercutions secouent beaucoup l'application) — c'est dur d'avancer à petits pas.
- Il m'a fallu un peu de temps pour retrouver mes marques sur le projet.
- Le délai entre une pull request ouverte, et une pull request fusionnée, ça m'a ralenti.
- Ça a été dur de rentrer dans l'enchevêtrement de logique et de workarounds de bugs — mais ça donne envie de les refuser/de les nettoyer.
- Que
SameCookie=Laxest la valeur par défaut - J'aime bien
y.js, facile à utiliser, bien architecturé (awareness), la doc est canon — bonnes explications, bons exemples, bonne API - Intégrer le websocket dans Express, c'était facile. Le branchement s'est fait en 2-2
- Cool de voir les trames WebSocket dans les DevTools
- Que fermer la fenêtre, ferme le websocket et dispatch la déconnexion de l'utilisateur
- Pinger Maïtané pour la démo, et prendre rendez-vous pour pairer sur l'interface la semaine prochaine
- C'était bien d'avoir déblayé la techno/la librairie en avance, les concepts étaient connus au moins d'une personne
- Être côte/côte sur ce sujet, c'était pratique
- Bon choix de lib !
- La session de la semaine dernière nous avait préparé à nous remettre dans Redux/state global
- On a bien bossé en une demi-journée !
- On flaire les trucs compliqués sur le readonly/collaboratif avec les panneaux latéraux
- j'ai appris que
String.substr()c'est pas pareil queString.substring(): petites surprises ! - c'était plus simple que prévu de modifier le parseur Bibtex, pour ajouter les infos qui allaient bien
- chouette de voir le merge de la pull request sur le parseur dans la journée
- la dernière phase, où t'as bien déblayé le passage pour throttler la mise à jour du Sommaire
- en repassant sur le code, on corrige 2-3 trucs (compter les citations)
React.memo()pour "cacher" le composant seulement si les props changent… même si je pensais que c'était fait nativement- Redux et
useDispatch()vont bien nous aider pour dégager un peu lesuseState()+ props en cascade + les handlershandleXYZ() - j'ai vu un écran d'ordinateur dont je rêvais
- j'ai bien aimé la solution élégante pour supprimer les citations du Bibtex sans le retransformer (la cause du bug)
- ça confirme une fois de plus qu'en prenant le temps de notre choix technique des librairies, on s'en sort comme il faut après
- la découverte de fiduswriter.com
- tracer la performance la lenteur avec les DevTools a été compliqué (difficile de voir exactement ce qui déconnait) — on ne décelait pas que c'était la fréquence/synchronicité du recalcul qui ralentissait l'interface
- s'arrêter plus tôt à la pause déj
- envie de tester l'éditeur temps-réel sur une page à part
- la propriété
gap(et qu'on pouvait pas l'utiliser partout — cf. compat navigateur)
- le formulaire (avec accordéons) qui explose parce qu'on n'affiche pas les mêmes champs
- copier/coller les changements CSS à 3 endroits différents parce que c'est pareil, mais pas (encore) mutualisé
- nan ça va
- Aimé l'API Isidore, simple, répond rapidement et cohérente
- Appris les petites subtilités sur json-reactschema-form… et j'aime qu'on arrive toujours à trouver une solution
- Ne pas mutualiser tout de suite le code de l'autocomplétion, on a pu produire un résultat plus vite
- Réutiliser le
PartialUpdate, ça a fonctionné du premier coup - Matinée productive
- Déclarer des fields custom, et les piloter depuis le schéma (robuste et statique)
- Je me suis perdu dans les props passées aux composants de Downshift, en suivant la doc j'ai pas réussi… heureusement l'autocomplétion basée sur les types TypeScript nous a débloqué
- Obtenir des retours
- Mettre en prod
- La finalisation de tous ces travaux engagés
- Merger et déployer sur stylo-dev
- Tout rassembler permet de déceler les petits cas à la marge, de peaufinage. Le dernier coup de pinceau. C'est agréable !
- J'ai appris quelques trucs sur l'image Docker de Nginx
- J'ai appris les moteurs de recherche sur Firefox
- Le REPL Node !
- C'est un peu magique, cette histoire de "Cookie Proxy" (mais solution rapidement trouvée)
- J'ai aimé le côté distribué de Git : les commits que j'ai écrasé avec un force push étaient encore sur ta machine (merci
cherry-pick) - Alterner tests/implémentation sur la transformation des données, c'était hyper adapté
- J'ai aimé proposer un fix à react-jsonschema-form pour le bug des valeurs vides dans les select/enum
- J'ai un peu peur de l'écriture de fonctions récursives, mais écrire l'usage, puis ensuite écrire l'implémentation
- Notre premier jeudi ! (alors que d'hab on travaille les mercredi)
- Non, aujourd'hui tranquille !
- Un peu peu sur la partie "Cookies", mais avec un coup de Stackoverflow j'ai vite vu que c'était une histoire de Proxy
- Proposer des rendez-vous à Antoine pour valider des PR critiques (typiquement les métadonnées) — genre si pas de retours d'Antoine la semaine prochaine
- La matinée, avec Maïtané : prises de décision rapide, partage d'idées, etc.
- J'ai appris les marges ! L'ordre (haut, droite, bas, gauche)
- Sass a été pratique pour la réutilisation des styles
- J'ai mieux la relation entre "styled components" et quels composants enfants ça impacte
- J'ai aimé l'isolation des styles qu'on a introduit, avec une cascade limitée
- On a (quasi) fini les formulaires, style homogène et plus sympa à utiliser (moins austère)
- Factoriser le composant "Edit" / "Versions" à 3 été un chouette moment, et on a rendu le composant plus explicite
- Revenir dans le générateur, m'a donné l'impression d'avoir mieux digéré son fonctionnement — le styler à parité sans surcharger les composants
- Les styles, ça a pris des plombes — mutualiser, sans effet de bord
- Y'a des composants bizarrement fichus qui donnent envie de les réécrire/simplifier la maintenance
- davantage se préparer avec Maïtané sur l'objectif de groupe
- les sidebars…
- …et mémoriser les choix utilisateur·ices (sidebar ouverte/fermée, panneaux ouvert/fermés, etc.)
- proposer une session test/review/validation avec Antoine histoire de mettre en prod
N/A
- Quelques trucs sur le HTML sémantique (un seul
<main>par page, par exemple) - Le
<input type="color">! Très pratique - Le module
@snowpack/plugin-react-refresh - L'aspect composant poussé par l'UX
- On rationalise pas mal de choses côté styles, ça semble moins fragile désormais… ça nous a permis de découvrir davantage d'écrans
- Le redirect
/*vers la pageindex.htmlavec Netlify - Chouette d'avoir pairé sur un seul ordi, en partage d'écran
- Trouvé ça cool de faire une petite démo à Maïtané en début d'aprem
- Je suis content que des boutons ressemblent à des boutons (on prend plus plaisir sur l'appli)
- Un peu au début pour savoir pourquoi un style ne s'applique pas (Sass modules appliqués à React)
- Partage d'écran sur le moniteur externe qui plombait les perfs de mon ordi (temps de compilation ultra lent, etc.)
- Inviter Maïtané sur un bout de la session
- Remplacer Gatsby/Webpack en 2h par Vanilla/Snowpack (et gagner en temps d'install, temps de build)
- Moins de magie avec Snowpack
- On commence à avoir des éléments d'UX qui arrivent (merci @maiwann !)
- Réduction du stress sur la "magie" du démarrage de l'application (côté front)
- Surprenants apprentissages sur les cookies (modes
LaxetStrict), combiné à CORS - Meilleure compréhension de CORS et des cookies avec le branchement
- Gagner en visibilité grâce aux "Deploy Preview" — top pour refacto ou ne pas casser
stylo-devà chaque merge de pull request - Déployer le front en 25Mo au lieu de 750Mo
- Un peu galéré sur l'erreur "Password"… et la structure de base de données en général
- Un peu en manque de jus
- Prendre le temps de creuser Snowpack, pour mieux l'utiliser (notamment distinguer le build de production/dev, etc.)
- Alterner pair et solo
- Pairer : alterner qui écrit/regarde via le partage d'écran
N/A
- j'ai appris qu'on pouvait appliquer des styles nested avec
styled-components(via:global) - la librairie
react-jsonformest vraiment chouette, sur le découpage donnée/apparences - travailler en synchro sur l'UI, quand on paire en mode "1 qui écrit, 1 qui pense/observe/dicte" marche bien
- j'ai trouvé que l'implémentation des groupes a été rapide/facile… beaucoup plus que prévu
- en combinant
uiSchema:classNames+:globalça nous a permis de styler finement les groupes - l'intégration technique du formulaire s'est faite toute seule, le branchement au flux de données n'a pas posé de problème
- j'ai trouvé ça chouette de virer un doublon de fonctionnalité (import YAML et Raw YAML) et ajouter une validation de syntaxe
- pas mal de temps sur les aspects design, pour styler le formulaire comme il faut
- quand on est deux à travailler sur l'UI, le live reload refresh l'interface et ralentit la progression
- être en synchro sur le dév d'interface qui touche aux styles
- j'ai bien aimé diagnostiquer la fuite mémoire, ça prouve que l'outillage qu'on a mis en place fait le travail
- cool d'aller voir la lib
Dataloaderpour comprendre comment elle était à l'origine - chouette de monter en compétence sur du React avec le composant
Downshift— très chouettes exemples tout prêt, faciles à rebrancher - la petite sieste de ce midi c'était bien
- on a bien avancé, le composant est quasi fini en terme fonctionnel
- chouette de virer une fuite mémoire en virant un truc utilisé une fois, et qui fait de l'optimisation
- content de voir une preuve de démonstration de l'intégration avec Isidore
- l'aspect progressif de l'amélioration par petite touche ce qui rend le truc tout doux
- j'étais content de voir le résultat du monitoring arriver en live
- ce matin j'avais mal au crâne donc j'étais un peu off
- cette aprem j'étais un peu dans les vapes donc je t'ai suivi
- quelques soucis sur le réseau mais c'était gérable
- N/A
- une nouvelle librairie — react-jsonschema-form — qui est assez cool
- je me sens plus à l'aise, plus familier avec la syntaxe JSX, les props et tout
- idem avec Gatsby, faire une passe sur les composants a bien aidé
- on a bien avancé dans l'aprem
- j'aime bien supprimer des trucs
- j'ai l'impression qu'on va recoder une fonctionnalité en écrivant peu de code, et en s'appuyant sur un principe plus solide
- refondre le chargement et la validation de l'authentification en nettoyant l'application, en la rendant plus solide
- merger les pull request en attente ! ça libère
- j'ai aimé la proposition d'écrire le composant en dehors du code, on a testé notre intuition
- on a quasiment un schéma fini à une exception près
- N/A
- refaire du pair programming en présentiel
- j'ai trouvé que la répartition du travail était plus confortable (Thomas front, Guillaume back)
- je me sens plus à l'aise avec React au fil des sessions
- j'ai aimé écrire ma première requête GraphQL, et brancher ça à la base de données
- on a un flot Zotero complet (avec un bouton Unlink), et toutes les collections !
- trouver où ajouter les "scopes" Zotero pour autoriser en lecture l'accès aux groupes privés
- le mix entre state global, state local, données distantes, données de l'API, structure de base de données
window.postMessage()qui ne fonctionnait plus lors de la reprise, on a passé 1h à remettre des choses en l'état, alors qu'on avait l'impression que ça fonctionnait
- se faire une démo 10 minutes avant la fin de la session pour avoir des idées claires sur quoi on termine
- le débrief avec Antoine
- on a des pistes assez claires pour améliorer ce qu'on a développé (validation bibtex, etc.)
- connecter le bouton "m'identifier avec Zotero" avec une popup ça rendait le flux assez simple
- la synchronisation des données du profil une fois connecté (à Stylo, à Zotero), pour que l'information redescende dans les composants, et lorsqu'on affiche l'application de zéro (refresh, ou nouvelle session) ; ça pris du temps alors que je ne l'avais pas identifié comme un point de blocage
- rien de spécial
- j'ai appris encore un peu de Passport (pour l'OAuth Zotero)
- j'ai réappris les
--fixupgit (généralement je fais des rebase interactive en devant me rappeler où mettre quoi) - utiliser l'API zotero dans un flow OAuth
- y'a toujours des trucs un peu magiques dans React (
useState,useEffect) ; pas clair pourquoi on les met (ça te sort de ton code, on fait plaisir à React) - j'ai aimé la réutilisation de Passport pour l'OAuth mais pas pour l'authentification, juste pour récupérer le token Zotero
- j'ai bien aimé comment on a résolu deux bugs sans le savoir — ajouter le parseur pour reformer le Bibtex raw après avoir supprimer un élément bibliographique, a résolu le bug de parsing — qui était en fait déjà avant qu'on intervienne sur le projet, mais qu'on ne pouvait pas voir en raison de l'absence de pagination
- j'ai trouvé ça chouette de tester les flux de données, j'étais en confiance quand on refactorait l'import des collections
- la gestion du state de React rend le processus d'import assez chouette en terme d'expérience utilisateur
- je suis content de l'utilisation du temps : on est allé plus lentement que prévu sur la correction de bugs, et on est allé plus vite sur l'OAuth Zotero
- pas cette fois-ci (je me suis souvenu qu'on pouvait suivre un·e participant·e)
- il fait chaud, ça commence à devenir dur de bosser
- j'ai aimé la partie "tests", qui manquait cruellement
- j'ai appris les "styled components", les assertions Jest
- j'ai appris comment parser du bibtex
- écrire des tests ça m'a soulagé, et permis d'aller plus vite sur des parties "ardues"/logiques, critiques pour l'interface (genre les appels à l'API Zotero), notamment pour s'intégrer à l'existant
- j'ai appris que valider une chaine de texte, et synchroniser un formulaire de manière cohérente pour un utilisateur, et bien ça prend du temps vu le nombre de chemins possibles (plusieurs vues de la même donnée, qui se recroisent…)
- je suis content qu'on aie mis la validation bibtex côté navigateur, près de l'utilisateur (mieux que avec pandoc en service côté serveur, lors de l'export)
- j'aime la lib
biblatex-csl-converter, avec de chouettes erreurs compréhensibles, et le numéro de ligne associé (même si on ne les affiche pas encore dans l'interface)
- des fois c'est pas simple de contribuer quand on touche la même partie de code — de savoir qui fait quoi : la prochaine fois on se met d'accord sur qui écrit, et qui soutient ?