Les 10 meilleurs conseils de Callstack pour optimiser son application React Native avec Matthys Ducrocq

Épisode de Le Cross Platform Show - Le talk-show francophone sur le dev React Native par David Leuliette · 27 mars 2025 · 53 min

Dans cet épisode, David Leuliette s'entretient avec Matthys Ducrocq, CTO et cofondateur d’Ekklo, sur les 10 meilleurs conseils pour optimiser les performances d’une application React Native. Matthys partage son parcours et son expertise en développement mobile, tout en expliquant les défis techniques liés à l’optimisation des applications, notamment la gestion des performances, du rendu et des interactions utilisateur.

Ils explorent ensemble les outils et techniques essentiels pour améliorer la fluidité des applications React Native. Matthys met en avant l’impact de React Compiler pour optimiser le code en amont, ainsi que l’importance de Reanimated (⁠https://github.com/software-mansion/react-native-reanimated⁠) pour des animations ultra-performantes. Il détaille également l’utilisation de Legend State (⁠https://github.com/LegendApp/legend-state⁠) et Zustand (⁠https://github.com/pmndrs/zustand⁠) pour une gestion d’état efficace, ainsi que l’optimisation du rendu des listes grâce à FlashList (⁠https://github.com/Shopify/flash-list⁠).

La discussion met en lumière les avantages de Concurrent React pour améliorer la réactivité des applications et les stratégies pour minimiser les re-rendus inutiles. Matthys partage aussi son expérience sur la gestion avancée des styles avec Class Variance Authority (⁠https://github.com/joe-bell/cva⁠), qui facilite l’organisation des composants.

Enfin, David et Matthys abordent les meilleures pratiques pour profiler et monitorer les performances en production, tout en évitant les pièges courants. Matthys partage ses conseils concrets pour développer des applications React Native rapides et scalables, en s’appuyant sur les outils les plus récents de l’écosystème.

📘 The Ultimate Guide to React Native Optimization – Le guide ultime par Callstack : ⁠https://www.callstack.com/ebook/the-ultimate-guide-to-react-native-optimization⁠

📌 Ressources utiles :

🔹 React Compiler – Optimisation du code React

🔹 Reanimated – Gestion avancée des animations : ⁠https://github.com/software-mansion/react-native-reanimated⁠

🔹 Legend State – Gestion d’état réactive : ⁠https://github.com/LegendApp/legend-state⁠

🔹 Zustand – Gestion d’état légère et performante : ⁠https://github.com/pmndrs/zustand⁠

🔹 FlashList – Rendu optimisé des listes : ⁠https://github.com/Shopify/flash-list⁠

🔹 Class Variance Authority – Gestion avancée des styles : ⁠https://github.com/joe-bell/cva⁠

🔹 Concurrent React – Optimisation des performances

🎙 Pour suivre nos aventures :

🔗 David Leuliette : ⁠https://x.com/flexbox_⁠ | ⁠https://go.bsky.app/6QQemwz⁠ | ⁠https://weshipit.today/⁠

🔗 Matthys Ducrocq : ⁠https://twitter.com/matthysdev⁠ | ⁠https://bsky.app/profile/matthysdev⁠

🔗 Callstack : ⁠https://callstack.com/⁠

Autres épisodes de « Le Cross Platform Show - Le talk-show francophone sur le dev React Native »

À propos du podcast

Le Cross Platform Show est le podcast de référence pour maîtriser React Native et le développement mobile. Animé par David Leuliette, chaque épisode offre des retours d'expérience concrets pour créer des apps performantes sur iOS et Android. Freelance, CTO ou Indie Hacker, découvre les meilleures…

Le Cross Platform Show - Le talk-show francophone sur le dev React Native

Épisodes similaires

Tous les épisodes de Le Cross Platform Show - Le talk-show francophone sur le dev React Native · Plus de podcasts Technologie