Pagination এবং Filtering এর জন্য Best Practices

গ্রাফকিউএল (GraphQL)-এ Pagination এবং Filtering ব্যবহার করে ডেটা সঠিকভাবে এবং দক্ষভাবে প্রদর্শন করা হয়। এই দুটি ফিচার ব্যবহার করলে গ্রাহকরা সহজে প্রয়োজনীয় ডেটা খুঁজে পেতে পারে, এবং সার্ভারের উপর অতিরিক্ত লোডও কমে। তবে, সঠিকভাবে Pagination এবং Filtering পরিচালনার জন্য কিছু Best Practices মেনে চলা প্রয়োজন।

Pagination কী?

Pagination হল ডেটা একটি নির্দিষ্ট পরিমাণে ভাগ করে ফলাফল প্রদর্শন করার প্রক্রিয়া। যখন বড় আকারের ডেটা থাকে, তখন এটি একবারে পাঠানো অস্বাস্থ্যকর এবং কার্যকারিতার জন্য ক্ষতিকর হতে পারে। Pagination ব্যবহারের মাধ্যমে আপনি ডেটা একটি নির্দিষ্ট সংখ্যা বা পেজের মাধ্যমে ভাগ করে ফলাফল পাঠাতে পারেন।

Filtering কী?

Filtering ডেটা থেকে প্রয়োজনীয় তথ্য বের করে আনার পদ্ধতি। গ্রাফকিউএলে, আপনি বিভিন্ন ফিল্টার ব্যবহার করে ডেটাকে কাস্টমাইজ করতে পারেন, যেমন ডেটার বিশেষ শর্তের ওপর ভিত্তি করে ডেটা বের করা, যেমন age > 30 বা name = "John"।

Pagination Best Practices

১. Cursor-based Pagination ব্যবহার করুন (Relay-style pagination)

Cursor-based pagination (বা Relay-style pagination) একটি অত্যন্ত জনপ্রিয় এবং কার্যকর পদ্ধতি। এই পদ্ধতিতে, আপনি ডেটার "cursor" ব্যবহার করেন, যা একটি নির্দিষ্ট পজিশনের সূচক হিসেবে কাজ করে। এটি স্ট্যাটিক পেজিনেশন (যেমন ১, ২, ৩) এর তুলনায় আরও নির্ভরযোগ্য এবং স্কেলেবল।

Cursor-based Pagination Schema Example:

type Query {
  users(first: Int, after: String): UserConnection
}

type UserConnection {
  edges: [UserEdge]
  pageInfo: PageInfo
}

type UserEdge {
  cursor: String
  node: User
}

type PageInfo {
  hasNextPage: Boolean
  hasPreviousPage: Boolean
}

এখানে:

• first: কতগুলো ইউজার রিটার্ন করতে চান।
• after: এর আগে থাকা শেষ ইউজারের cursor (পেজিনেশন চালানোর জন্য)।
• UserConnection: একটি কাস্টম টাইপ যা ইউজারের ডেটা এবং পেজিনেশন সম্পর্কিত তথ্য ধারণ করে।
• PageInfo: পেজিনেশনের তথ্য, যেমন hasNextPage এবং hasPreviousPage।

Resolver Example:

const resolvers = {
  Query: {
    users: async (_, { first, after }) => {
      const users = await getUsersFromDatabase();
      const startIndex = after ? users.findIndex(user => user.cursor === after) + 1 : 0;
      const paginatedUsers = users.slice(startIndex, startIndex + first);
      const pageInfo = {
        hasNextPage: startIndex + first < users.length,
        hasPreviousPage: startIndex > 0
      };
      return {
        edges: paginatedUsers.map(user => ({ cursor: user.cursor, node: user })),
        pageInfo
      };
    }
  }
};

Cursor-based Pagination এর সুবিধা:

• স্কেলেবিলিটি: ডেটার বড় পরিমাণে স্কেল করা সহজ।
• অর্ডারিং: সঠিক অর্ডারে ডেটা ফেরত পাওয়া যায়, এবং ডুপ্লিকেট এন্ট্রি এড়ানো যায়।
• পারফরম্যান্স: বড় ডেটাসেটের ক্ষেত্রে cursor pagination দ্রুত এবং কার্যকরী।

Filtering Best Practices

১. Flexible Filtering System ব্যবহার করুন

একটি শক্তিশালী এবং নমনীয় ফিল্টারিং সিস্টেম তৈরি করা জরুরি, যাতে ক্লায়েন্টরা তাদের চাহিদা অনুযায়ী ডেটা ফিল্টার করতে পারে। উদাহরণস্বরূপ, age, name, status বা যেকোনো কাস্টম ফিল্ডের ওপর ভিত্তি করে ফিল্টার করা যেতে পারে।

Filtering Example Schema:

type Query {
  users(filter: UserFilter): [User]
}

input UserFilter {
  name: String
  age: Int
  status: String
}

এখানে:

• filter: এটি একটি ইনপুট টাইপ যা ইউজারের জন্য বিভিন্ন ফিল্টার গ্রহণ করবে।
• UserFilter: এর মাধ্যমে নাম, বয়স, বা স্ট্যাটাসের ওপর ভিত্তি করে ইউজারের ডেটা ফিল্টার করা যাবে।

Resolver Example:

const resolvers = {
  Query: {
    users: async (_, { filter }) => {
      let users = await getUsersFromDatabase();

      if (filter) {
        if (filter.name) {
          users = users.filter(user => user.name === filter.name);
        }
        if (filter.age) {
          users = users.filter(user => user.age === filter.age);
        }
        if (filter.status) {
          users = users.filter(user => user.status === filter.status);
        }
      }
      return users;
    }
  }
};

Flexible Filtering এর সুবিধা:

• কাস্টমাইজেশন: গ্রাহকরা তাদের প্রয়োজন অনুসারে ডেটা ফিল্টার করতে পারে।
• নমনীয়তা: বিভিন্ন ডেটা ফিল্ডের জন্য ফিল্টার প্রয়োগ করা সম্ভব।
• বহু ফিল্টার: একাধিক ফিল্টার একসাথে ব্যবহার করা যায়।

Pagination এবং Filtering একত্রে ব্যবহার

অনেক সময় Pagination এবং Filtering একত্রে ব্যবহৃত হয়। উদাহরণস্বরূপ, আপনি ইউজারদের একটি নির্দিষ্ট বয়সের ওপর ভিত্তি করে ফিল্টার করতে চান এবং তারপরে পেজিনেশন করতে চান।

Pagination and Filtering Schema Example:

type Query {
  users(filter: UserFilter, first: Int, after: String): UserConnection
}

এখানে, একই কুয়েরির মধ্যে filter, first, এবং after প্যারামিটারগুলো ব্যবহৃত হচ্ছে।

Resolver Example:

const resolvers = {
  Query: {
    users: async (_, { filter, first, after }) => {
      let users = await getUsersFromDatabase();

      if (filter) {
        if (filter.name) {
          users = users.filter(user => user.name === filter.name);
        }
        if (filter.age) {
          users = users.filter(user => user.age === filter.age);
        }
      }

      const startIndex = after ? users.findIndex(user => user.cursor === after) + 1 : 0;
      const paginatedUsers = users.slice(startIndex, startIndex + first);
      const pageInfo = {
        hasNextPage: startIndex + first < users.length,
        hasPreviousPage: startIndex > 0
      };
      return {
        edges: paginatedUsers.map(user => ({ cursor: user.cursor, node: user })),
        pageInfo
      };
    }
  }
};

এখানে, filter এবং pagination একসাথে ব্যবহার করা হয়েছে। প্রথমে ডেটা ফিল্টার করা হচ্ছে, তারপর pagination প্রক্রিয়া অনুসরণ করে ডেটা ভাগ করা হচ্ছে।

সারাংশ

Pagination এবং Filtering গ্রাফকিউএল-এ ডেটার প্রক্রিয়া এবং কর্মক্ষমতা উন্নত করার জন্য গুরুত্বপূর্ণ টুলস। Best Practices অনুসরণ করে, আপনি cursor-based pagination ব্যবহার করে বড় ডেটাসেট ম্যানেজ করতে পারেন এবং flexible filtering সিস্টেমের মাধ্যমে ক্লায়েন্টদের তাদের প্রয়োজনীয় ডেটা দ্রুত খুঁজে পেতে সাহায্য করতে পারেন। Pagination এবং Filtering একত্রে ব্যবহার করার মাধ্যমে ডেটা অনুসন্ধান আরও কার্যকরী, স্কেলযোগ্য এবং নমনীয় হয়ে ওঠে।