Pour résoudre ce problème, j'aurais dû traiter les images à la création du twoot pour connaitre à l'avance les dimensions que j'aurais alors stocké en base de données.

J'aurais même pu générer une preview floutée très légère à afficher pendant que l'image charge, similaire à ce que renvoie l'API de Klipy dans la galerie des GIFs.

Le problème actuellement, c'est que je charge les images en javascript pour extraire leurs dimensions avant de calculer la hauteur CSS. Du coup il y a un léger layout shift avant que les images apparaissent.

Pour résoudre ce problème, j'aurais dû traiter les images à la création du twoot pour connaitre à l'avance les dimensions que j'aurais alors stocké en base de données.

La hauteur de la galerie est calculée pour être relative à la moyenne des proportions de chaque image. Ce faisant, afficher un ensemble d'images paysages sera plus petit qu'un ensemble d'images portraits.

Le problème actuellement, c'est que je charge les images en javascript pour extraire leurs dimensions avant de calculer la hauteur CSS. Du coup il y a un léger layout shift avant que les images apparaissent.

Démonstration du comportement de la galerie d'images lorsque plusieurs formats sont impliqués. Dans l'ordre : - 400 x 400 - 1920 x 1080 - 1080 x 1920 - 800 x 600 - 1000 x 200 - 200 x 1000

La hauteur de la galerie est calculée pour être relative à la moyenne des proportions de chaque image. Ce faisant, afficher un ensemble d'images paysages sera plus petit qu'un ensemble d'images portraits.

Démonstration du comportement de la galerie d'images lorsque plusieurs formats sont impliqués. Dans l'ordre : - 400 x 400 - 1920 x 1080 - 1080 x 1920 - 800 x 600 - 1000 x 200 - 200 x 1000

Pourquoi les publications avec commentaires s'affichent plusieurs fois ? N'est-ce pas un signe d'un développeur alimenté à l'IA derrière cette application ?

Que neni. Les commentaires s'affichent une seule fois dans le feed global, mais ils affichent le twoot auquel ils répondent

il est temps de baptiser le site

il est temps de baptiser le site

Une dernière feature pour la route : il est désormais possible d'intégrer des GIFs dans les twoots !

De nouvelles fonctionnalités font leur apparition à la demande d'un hurluberlu : - Bouton "Suivre" en "Suivre en retour" - Ajout d'images pour les twoots via copier/coller et drag&drop

Pas mal

Miam

Bonjour, je tenais à Twooter ma copine Michelle

Pas mal mais je préfère celle-là

Dommage que les emoij ne s'affichent pas

-> 🥓

Voici quelques images pour montrer l'UI

Il est enfin possible d'ajouter des images (jusque 10) aux twoots ! Cette toute dernière feature marque la fin du développement de Twoutter ! 🥳

Il y a maintenant un bouton "voir plus" quand on écrit plus de 5 lignes

@Mulko ?

Y'a pas de mentions. Je vais pas recréer tout Twitter non plus. Par contre bientôt les images dans les twoots ?

C'était quoi la feature ? votez RN

tu clc on peut pas voir ce qu'on écrit quand on répond

ouais bonne idée on va annuler cette feature

le seul problème c'est que c'est nul d'avoir que 3 boutons sur l'appbar au lieu de 5

En vrai les notifications in app c'est chiant à coder et ça apporte pas grand chose. donc peut-être pas faire et mettre le bouton activer les notifs dans le more button

ouais bonne idée on va annuler cette feature

Les notifications push fonctionnent ! Il reste juste quelque points à fixer : - Ajouter un bouton "Activer les notifications". En attendant, -> paramètres du navigateur. - Corriger le bug de la langue - Ajouter la page des notifications in-app - Synchroniser avec la session

En vrai les notifications in app c'est chiant à coder et ça apporte pas grand chose. donc peut-être pas faire et mettre le bouton activer les notifs dans le more button

Les notifications push fonctionnent ! Il reste juste quelque points à fixer : - Ajouter un bouton "Activer les notifications". En attendant, -> paramètres du navigateur. - Corriger le bug de la langue - Ajouter la page des notifications in-app - Synchroniser avec la session

Une fois cela fait, il restera à créer le feed publique et corriger le bug du current user. Après cela, ce sera normalement terminé.

Les notifications push fonctionnent ! Il reste juste quelque points à fixer : - Ajouter un bouton "Activer les notifications". En attendant, -> paramètres du navigateur. - Corriger le bug de la langue - Ajouter la page des notifications in-app - Synchroniser avec la session

Bientôt la fin du projet, on peut désormais supprimer ses twoots gênants ! 😼

Hey

Heyyyyyy