Tech TutorBangla Web Documentation
Portfolio
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • TanStack Documentation42টি অধ্যায়
প্রযুক্তি নির্বাচন
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Project Overview
  • Architecture
  • Folder Structure
  • Setup Next.js
  • Axios Setup
  • API Client
  • API Types
  • Query Install
  • Query Provider
  • Query Keys
  • Data Fetching
  • States
  • Devtools
  • Create Mutation
  • Update Mutation
  • Delete Mutation
  • Cache Invalidation
  • Optimistic Update
  • Pagination
  • Search
  • Filtering
  • Sorting
  • TanStack Table
  • Table Explore
  • Table Columns
  • Table Actions
  • React Hook Form
  • Zod Validation
  • Create Form
  • Edit Form
  • Dialog Modal
  • Delete Confirmation
  • Complete CRUD Flow
  • Full Integration
  • Error Handling
  • Loading States
  • Reusable Components
  • Production
  • Complete Project
  • Common Mistakes
  • Best Practices
  • Interview Q&A
  1. Docs
  2. TanStack
  3. Interview Questions
TanStackAdvanced

Interview Questions

TanStack Query / Table / RHF / Zod-এর ১৫টি দরকারি ইন্টারভিউ প্রশ্ন ও উত্তর — বাংলায়।

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

চাকরি/টেক-টেস্টের প্রস্তুতি এখানেই শেষ করুন। নিচে সম্ভাব্য প্রশ্ন আর উত্তর — নিজের ভাষায় বোঝার চেষ্টা সরাসরি।

Query অংশ

Q & Atext
text
Q1: TanStack Query কীভাবে duplicate request এড়ায়?
→ queryKey এক-এক cache entry। একই key-র queries একই cache
  share করে — একই ফাঁকের মধ্যে duplicate fetch করা হয় না।

Q2: staleTime ও cacheTime (gcTime) পার্থক্য?
→ staleTime: ডেটা কতক্ষণ 'fresh' থাকবে (refetch হবে না)।
  gcTime: কতক্ষণ cache-এ রেখে দেবে unmount-এর পর
  (ঐ সময়ে re-mount হলে instant)।

Q3: invalidateQueries কি করে?
→ query গুলোকে stale করে + mounted-গুলিকে refetch করে।

Q4: optimistic update-এ ৩ ধাপ?
→ onMutate (snapshot) → onError (rollback) → onSettled (invalidate).

Q5: placeholderData vs initialData?
→ placeholder: সত্যসূচক নয়, cache-এ save হয় না।
  initial: cache-এ ঢোকে, পরের fetch-এর ভিত্তি।

Table অংশ

Q & Atext
text
Q6: TanStack Table headless মানে কী?
→ শুধু state+logic (sorting, pagination, selection);
  মার্কআপ/styling সম্পূর্ণ আপনার।

Q7: flexRender কী?
→ column-এ দেওয়া value (string/fn/Component)-কে context-সহ
  সঠিকভাবে render করে।

Q8: accessorKey vs id column?
→ accessorKey: ডেটার নির্দিষ্ট প্রোপার্টি Map।
  id: শুধু identity, access-হীন (যেমন Actions)।

Q9: sorting server-side কেন?
→ বড় data client-এ স্বস্তিতে বসে না;
  server sort করলে page-এ শুধু প্রয়োজনীয় tail আসে।

Form/Zod অংশ

Q & Atext
text
Q10: react-hook-form কেন uncontrolled?
→ re-render কম (per-keystroke re-render নেই), পারফরম্যান্স ভালো।

Q11: zodResolver কাজ কী?
→ RHF-কে বলে schema-তে validate করতে; errors → formState.

Q12: z.coerce.number() কেন?
→ input string → number রূপান্তর → তারপর validation।

Q13: Controller কখন দরকার?
→ মাল্টি-ইনপুট/যে component-এ register কাজ করে না
  (Select, Combobox, Switch, DatePicker)।

Q14: অনুক্রম ProductForm create/edit দুটোতেই?
→ defaultValues + key-ভিত্তিক remount/reset।

Q15: client + server validation দুই দিকে কেন?
→ client: instant feedback; server: security (bypass করা যায়)।
শেষ কথা

এই ১৫টি প্রশ্নের উত্তর দিতে পারলে আপনি project-টিকে নিজের করে নিয়েছেন। প্রেমিকভাবে নিজে কোড করে আবার review করলে আরো ভালো। পড়াশোনার জন্য ধন্যবাদ! 🎉

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।
আগেরBest Practices — ChecklistTanStack ডকুমেন্টেশন হোম
এই পেজে
Tech Tutor

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

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

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

mdanamolhasan1998@gmail.com