Tech TutorBangla Web Documentation
Portfolio
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Expo Documentation40টি অধ্যায়
প্রযুক্তি নির্বাচন
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Expo Intro
  • Expo vs React Native
  • RN Basics
  • Environment Setup
  • Project Setup
  • Project Structure
  • App Config
  • Expo Router Intro
  • Stack Navigation
  • Tabs Navigation
  • Core Components
  • Styling & Flexbox
  • Safe Area
  • Scroll & Lists
  • Forms & State
  • AsyncStorage
  • Project: Task Actions
  • Project: Screens
  • Images & Assets
  • Icons & Fonts
  • Theming
  • Camera & Picker
  • Notifications
  • Location & Maps
  • SQLite
  • API & Fetch
  • Loading & Errors
  • Secure Store & Auth
  • Auth Session
  • AppState & Network
  • Performance
  • Debugging & Tests
  • Config & Env
  • Splash & Updates
  • EAS Build
  • EAS Update
  • Store Submission
  • Common Mistakes
  • Best Practices
  • Interview Questions
  1. Docs
  2. Expo
  3. Performance — re-render কমিয়ে, list দ্রুত
ExpoAdvanced

Performance — re-render কমিয়ে, list দ্রুত

React Native-এ performance-এর প্রধান bottlenecks ও সমাধান।

5টি অংশবাংলা ভাষায়

RN-এ প্রধান bottleneck দুইটি — অপ্রয়োজনীয় re-render ও বড় list।

  • React.memo — props অপরিবর্তিত থাকলে component skip
  • useCallback — 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 করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।
আগেরAppState, expo-network ও offline handlingপরেরDebugging ও जेস্ট tests
Tech Tutor

বাংলায় ওয়েব ডেভেলপমেন্ট ডকুমেন্টেশন শিখুন — ধাপে ধাপে।

Homeসব ডকুমেন্টেশনQuick Startআমার নোটস

© 2026 Tech Tutor. বাংলায় শিখুন, বাংলায় গড়ুন।

mdanamolhasan1998@gmail.com