ExpoAdvanced
Performance — re-render কমিয়ে, list দ্রুত
React Native-এ performance-এর প্রধান bottlenecks ও সমাধান।
5টি অংশবাংলা ভাষায়
RN-এ প্রধান bottleneck দুইটি — অপ্রয়োজনীয় re-render ও বড় list।
React.memo— props অপরিবর্তিত থাকলে component skipuseCallback— handler-এর identity stable- FlatList props —
getItemLayout,removeClippedSubviews - heavy কাজ — interacton-এর পরে (InteractionManager)
- ছবি — expo-image caching + priority
import { memo, Pressable, Text } from "react-native";
const TaskRow = memo(function TaskRow({ task, onToggle }) {
return (
<Pressable onPress={() => onToggle(task.id)}>
<Text>{task.title}</Text>
</Pressable>
);
});List-এর প্রতিটি item-এ stable key (id) — সাজানো index নয়।
Over-optimize নয়
প্রোফাইল ছাড়া অনুমান না — DevTools-এ re-render highlight চালু করে দেখুন কোথায় আসল সমস্যা, তারপর optimize করুন।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।