TalkPlay
Renfort React Native sur une application mobile de capsules vidéo : intégration vidéo native, compression et stabilité multi-plateformes.
Contexte
Client : Société TP Talk Play — application mobile sociale autour des modes Talk et Play (capsules vidéo, publications communautaires, messagerie interne).
TalkPlay est une application mobile React Native déjà en production, qui souffrait de problèmes critiques côté gestion vidéo : crashes sur fichiers lourds Android, ralentissements upload iOS, fuites mémoire des lecteurs après publication, bugs de prévisualisation, duplications infinies des publications. La société TP Talk Play avait besoin d'un renfort React Native senior pour stabiliser l'application et structurer une vraie gestion vidéo native.
Ce qu'il fallait résoudre
Identifier et corriger des bugs critiques accumulés sur plusieurs cycles de développement, intégrer une vraie chaîne de gestion vidéo native (lecture, compression, contrôleurs personnalisés) sans casser l'existant, optimiser la gestion mémoire Android pour les fichiers volumineux, refactoriser des composants UI (messagerie, commentaires) devenus rigides au fil du temps. Le tout sur un cycle court de juin 2025.
Ce qui a été livré
La mission a démarré par une phase de diagnostic : identification précise des crashes, fuites mémoire et bugs visuels, priorisation par criticité et par impact utilisateur.
La gestion vidéo a été refondue en intégrant deux packages spécialisés : react-native-video pour la lecture native (modes Talk et Play, prévisualisations) avec des contrôleurs de lecture personnalisés, et react-native-compressor pour la compression vidéo avant upload, drastiquement réduisant les temps d'envoi et la consommation mémoire.
Côté stabilité : correction des crashes Android sur vidéos lourdes via une refonte du cycle de vie des lecteurs (nettoyage systématique après publication), suppression des duplications de publications, résolution des erreurs de prévisualisation, gestion propre du changement de mode utilisateur (TALK ↔ PLAY).
Côté UI/UX : refacto des composants NavbarMessage et NavbarComment pour une meilleure gestion du texte multiligne sur Android, amélioration du comportement du clavier virtuel iOS et Android, code rendu plus maintenable et réactif.
Ce qui a fait la différence
- Résolution de crashes critiques Android sur lecture et publication de vidéos lourdes
- Suppression des ralentissements upload iOS, optimisation du flux complet
- Intégration react-native-video : lecture native fluide dans les 3 contextes (Talk, Play, prévisualisations)
- Intégration react-native-compressor : compression vidéo avant upload, gain de bande passante
- Nettoyage systématique des lecteurs vidéo après publication : élimination des fuites mémoire
- Refacto NavbarMessage / NavbarComment : meilleure gestion du multiligne Android, code maintenable
- Optimisation du clavier virtuel iOS et Android pour les champs de saisie
- Mission courte et intense : maximum d'impact en un mois de mai-juin 2025
Technologies utilisées
Un projet similaire ?
Vous avez un besoin proche ou un projet de même type ? Décrivez votre contexte, on regarde ensemble comment l'aborder.