feat(reels): swipe horizontal animé #70

Merged

tarzzan merged 1 commit from feat/reels-swipe-animation into main

2026-06-02 02:03:25 +00:00

tarzzan commented

2026-06-02 02:03:24 +00:00

Owner

Détection axe verrouillée au 1er mouvement (>6px) pour ne pas perturber le scroll vertical des Reels. preventDefault + stopPropagation uniquement quand horizontal.

Seuils dynamiques : 18% de la largeur OU vélocité >0.4 px/ms (flick rapide). Effet rubber-band (résistance 35%) aux bords (1er ou dernier média).

Indicateurs sticks en haut animés : preview de la progression pendant le drag (le stick courant se remplit selon dragX/width).

ResizeObserver pour suivre la largeur du container dans state (évite l'anti-pattern refs-in-render). Préchargement intelligent N±1 médias.

Refactor ReelSlide en mode track translateX façon Instagram Stories : tous les médias rendus en ligne, transform CSS suit le doigt en temps réel pendant le drag, snap animé sur fin (cubic-bezier 0.22-0.61-0.36-1 320ms). Détection axe verrouillée au 1er mouvement (>6px) pour ne pas perturber le scroll vertical des Reels. preventDefault + stopPropagation uniquement quand horizontal. Seuils dynamiques : 18% de la largeur OU vélocité >0.4 px/ms (flick rapide). Effet rubber-band (résistance 35%) aux bords (1er ou dernier média). Indicateurs sticks en haut animés : preview de la progression pendant le drag (le stick courant se remplit selon dragX/width). ResizeObserver pour suivre la largeur du container dans state (évite l'anti-pattern refs-in-render). Préchargement intelligent N±1 médias.

tarzzan added 1 commit 2026-06-02 02:03:24 +00:00