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. Best Practices — Checklist
TanStackIntermediate

Best Practices — Checklist

Query/mutation/UI-র best practices-এর final checklist — বাংলায়।

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

Query practices

  • একই query key factory ব্যবহার করুন (এক জিনিস, এক জায়গা)
  • staleTime বিষয়ভিত্তিক — ড্যাশবোর্ড ৩০s-১ম, user-নির্দিষ্ট ৩০০s
  • ডেটা যে কোথায় — exposition hide করুন (hooks)
  • initialData বনাম placeholderData — SMEs/UX আলাদা
  • সব query-র error recovery আছে কিনা নিশ্চিত

Mutation practices

  • Optimistic শুধু reversible, quick feedback দরকার হয়
  • সবসময় onError-এ user-কে বলুন কী ভুল হয়েছে
  • Mutation-এ onSuccess-এ UI বন্ধ করে দেবেন না — state-ও
  • এক mutation এক দায়িত্ব (create/edit/delete আলাদা)

Form/Table practices

  • ทุก form field-এ label + error text + disabled state
  • Select/Combobox-এ Controller — RHF best practice
  • Table column-এ raw format, cell-এ display logic
  • Loading skeleton গোটা পেজের নয় — অংশে অংশে

Type practices

  • Server-derived type থেকে zod z.infer
  • client ও server shared types/product.ts
  • as const query key-তে tabular freeze
একটি নিয়ম

Checklist-গুলো পড়ে না; আপনাদের code-এ বলবে — review-এ শুধু এই ৪টি প্রশ্ন সবসময় জিজ্ঞেস করুন: key ঠিক? invalidate ঠিক? loading/error আছে? type ভুল পাস হয়নি?

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।
আগেরCommon Mistakes — বাংলায়পরেরInterview Questions
এই পেজে
Tech Tutor

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

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

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

mdanamolhasan1998@gmail.com