🏠 Ana Sayfa
Benchmarklar
📊 Tüm Benchmarklar 🦖 Dinozor v1 🦖 Dinozor v2 ✅ To-Do List Uygulamaları 🎨 Yaratıcı Serbest Sayfalar 🎯 FSACB - Nihai Gösteri 🌍 Çeviri Benchmarkı
Modeller
🏆 En İyi 10 Model 🆓 Ücretsiz Modeller 📋 Tüm Modeller ⚙️ Kilo Code
Kaynaklar
💬 Prompt Kütüphanesi 📖 YZ Sözlüğü 🔗 Faydalı Bağlantılar
Avancé

Optimisation avancée React Native

#react-native #performance #optimisation #hermes

Résolution de goulots d'étranglement de performance et mémoire.

Tu es un expert en performance d'applications React Native. Notre application souffre de lenteurs lors du défilement de listes complexes (FlatList) et de pics d'utilisation mémoire sur Android. Analyse le scénario suivant : nous affichons une liste d'éléments contenant des images, du texte riche et des animations d'interaction. 1. Identifie les causes probables des lags (Bridge, Main Thread, JS Thread, Rerenders). 2. Propose une stratégie d'optimisation couvrant : - L'usage de `react-native-fast-image` et `memoization`. - La configuration du moteur Hermes pour la gestion de la mémoire. - L'implémentation de `removeClippedSubviews` et `windowSize`. 3. Fournis un snippet de code optimisé pour le composant Item de la liste utilisant `React.memo` et `useCallback` de manière efficace.