কোডেক্স আপনার কোড লাইভ ডকুমেন্টেশনের সাথে পর্যালোচনা করে

ধাপে ধাপে টিউটোরিয়াল: কোডেক্সকে ফেলো ওপেনএপিআই-এর সাথে সংযুক্ত করুন, তারপর দেখুন এটি কীভাবে কোডকে সর্বশেষ ফ্রেমওয়ার্ক ডকুমেন্টেশনের সাথে তুলনা করে এবং সোর্সসহ একটি রিপোর্ট তৈরি করে।

আপনার কোডবেসে React ব্যবহৃত হয়েছে। কিন্তু এটি কি সর্বশেষ প্যাটার্নগুলো ব্যবহার করছে? কোথাও কি ডিপ্রিকেটেড API লুকিয়ে আছে? কোডেক্স আপনার কোড রিভিউ করতে পারে — তবে কেবল তখনই যদি এটি সর্বশেষ ডকুমেন্টেশনে অ্যাক্সেস পায়।

এটি কীভাবে সম্ভব করবেন, দেখে নিন।

ফেলো ওপেনএপিআই সংযুক্ত করতে মাত্র ৩ মিনিট

ধাপ ১: openapi.felo.ai এ যান এবং একটি ফ্রি API কী তৈরি করুন।

ধাপ ২: এটি কপি করে আপনার Codex, Claude Code, অথবা OpenClaw-তে পেস্ট করুন:

Connect to Felo OpenAPI:
- Models: Claude Opus 4.8, Claude Sonnet 4.6, Claude Haiku 4.5, GPT-5.6 Sol, GPT-5.6 Terra, Grok 4.5
- Search: POST /v2/chat (AI Search), POST /v2/web/extract (Web Fetch)
- Memory: LiveDocs (semantic retrieval, file upload, URL resources)
Base URL: https://openapi.felo.ai
API Key: [YOUR_API_KEY]

When I ask you to review code:
1. Search for the latest framework documentation
2. Read the official docs via Web Fetch
3. Compare my code against current best practices
4. Flag deprecated patterns, security issues, and performance concerns
5. Save the review to LiveDocs with documentation citations

ধাপ ৩: সংযোগ সম্পন্ন। এখন আপনার এজেন্ট লাইভ ডকুমেন্টেশন দিয়ে কোড রিভিউ করবে, পুরনো ট্রেনিং ডেটা নয়।

ব্যবহারকারীর গল্প

আপনার কাছে একটি React কম্পোনেন্ট আছে, যা ছয় মাস আগে লেখা হয়েছিল। আপনি জানতে চান:

• এটি কি ডিপ্রিকেটেড API ব্যবহার করছে?
• কোনো নিরাপত্তা সমস্যা আছে কি?
• সর্বশেষ React ভার্সন থেকে পারফরম্যান্স উন্নতি করা সম্ভব কি?
• এই প্যাটার্ন সম্পর্কে অফিসিয়াল ডকুমেন্টেশন কী বলছে?

ম্যানুয়ালি ডকুমেন্টেশন চেক করার বদলে, আপনি কোডটি পেস্ট করেন এবং কোডেক্সকে রিভিউ করতে বলেন।

আপনাকে শুধু এটুকু বলতে হবে

Review this React component against the latest React 19 documentation. Flag any deprecated patterns, security issues, and performance improvements. Cite the specific docs where you found the guidance.

[Your code here]

কোডেক্স কীভাবে স্বয়ংক্রিয়ভাবে কাজ করে

ধাপ ১: সর্বশেষ ডকুমেন্টেশন খোঁজা

POST /v2/chat
{
  "query": "React 19 latest features deprecated APIs best practices 2026"
}

কোডেক্স অফিসিয়াল React ডকুমেন্টেশন, রিলিজ নোটস, এবং মাইগ্রেশন গাইড খুঁজে বের করে।

ধাপ ২: অফিসিয়াল ডকুমেন্টেশন পড়া

POST /v2/web/extract
{
  "url": "https://react.dev/blog/react-19"
}

কোডেক্স React 19 রিলিজ ব্লগ পোস্ট পড়ে, যেগুলো থেকে বের করে:

• নতুন ফিচার ও প্যাটার্ন
• ডিপ্রিকেটেড API
• মাইগ্রেশন নির্দেশনা
• পারফরম্যান্স সুপারিশ

কোডেক্স মূল ডকস, API রেফারেন্স, এবং প্রাসঙ্গিক RFC আলোচনার জন্যও এটি পুনরাবৃত্তি করে।

ধাপ ৩: আপনার কোড বিশ্লেষণ

কোডেক্স আপনার কোডকে সদ্য পড়া ডকুমেন্টেশনের সাথে তুলনা করে:

• ডিপ্রিকেটেড API: আপনার কোডে React 19-এ ডিপ্রিকেটেড হওয়া প্যাটার্ন আছে কি না দেখে
• নিরাপত্তা সমস্যা: সম্ভাব্য XSS, ইনজেকশন, বা ডেটা এক্সপোজার ঝুঁকি চিহ্নিত করে
• পারফরম্যান্স: React 19-এর নতুন অপ্টিমাইজেশন ব্যবহারের সুযোগ চিহ্নিত করে
• সেরা চর্চা: আপনার প্যাটার্নগুলো বর্তমান অফিসিয়াল গাইডলাইনের সাথে তুলনা করে

ধাপ ৪: রিভিউ রিপোর্ট তৈরি

কোডেক্স একটি গঠিত রিপোর্ট তৈরি করে:

## Code Review: [Component Name]

### 🟢 Good
- Component structure follows current patterns
- Proper error boundary usage

### 🟡 Warnings
- Uses `findDOMNode` — deprecated in React 18, removed in React 19
  Source: https://react.dev/blog/react-19#removed-deprecated-apis
  Fix: Use refs instead

### 🔴 Issues
- `componentWillMount` lifecycle — deprecated, replaced by constructor or useEffect
  Source: https://react.dev/reference/react/Component#componentwillmount
  Fix: Move initialization logic to constructor

### 💡 Performance Suggestions
- Consider React 19's `useActionState` for form state management
  Source: https://react.dev/reference/react/useActionState

ধাপ ৫: LiveDocs-এ সংরক্ষণ

কোডেক্স রিভিউটি LiveDocs-এ সংরক্ষণ করে:

• মূল কোড
• ডকুমেন্টেশন URL সহ রিভিউ ফলাফল
• কম্পোনেন্ট টাইপ, ফ্রেমওয়ার্ক ভার্সন, এবং ইস্যুর গুরুত্ব অনুযায়ী ট্যাগ

ভবিষ্যতের রিভিউগুলো এই ইতিহাস রেফারেন্স করতে পারবে।

ফলাফল

আপনি এমন একটি কোড রিভিউ পাবেন যা:

• নির্দিষ্ট ডকুমেন্টেশন পেজ রেফারেন্স করে, সাধারণ পরামর্শ নয়
• লাইনের নম্বরসহ নির্দিষ্ট ডিপ্রিকেটেড প্যাটার্ন চিহ্নিত করে
• অফিসিয়াল ডকুমেন্টেশন সূত্রসহ নির্দিষ্ট সমাধান দেয়
• সর্বশেষ ভার্সনের ভিত্তিতে পারফরম্যান্স উন্নতির পরামর্শ দেয়

মোট সময়: ২-৩ মিনিট।

সম্পূর্ণ প্রম্পট টেমপ্লেট (কপি ও ব্যবহার করুন)

Review this [FRAMEWORK/LANGUAGE] code against the latest [VERSION] documentation.

[Your code here]

Check for:
1. Deprecated APIs or patterns
2. Security issues
3. Performance improvements
4. Best practice violations

Cite the specific documentation URLs where you found each issue.
Save the review to LiveDocs with tags for [PROJECT] and [COMPONENT_TYPE].

যেকোনো কোড রিভিউর জন্য ব্র্যাকেটের মান পরিবর্তন করুন।

উন্নত: ব্যাচ রিভিউ

একসাথে একাধিক ফাইল রিভিউ করুন:

Review all React components in this directory against React 19 documentation. Produce a summary report ranked by severity, with individual findings for each component.

[File list or code blocks]

Save the summary to LiveDocs.

কোডেক্স প্রতিটি ফাইল রিভিউ করে, পৃথক ফলাফল তৈরি করে, এবং অগ্রাধিকারের ভিত্তিতে সারাংশ তৈরি করে।

উন্নত: প্রি-কমিট হুক

কমিট করার আগে রিভিউ সেটআপ করুন:

Before I commit this code, review it against the latest documentation for [FRAMEWORK]. Flag anything that would fail a senior engineer's code review. If nothing critical, say "Looks good to commit."

শুরু করুন

1. আপনার ফ্রি API কী তৈরি করুন
2. ইনিশিয়ালাইজেশন প্রম্পটটি আপনার এজেন্টে পেস্ট করুন
3. উপরের কোড রিভিউ প্রম্পটটি ব্যবহার করে দেখুন

এখন আপনার কোড রিভিউয়ার সর্বশেষ ডকুমেন্টেশন পড়ে, আপনাকে পড়তে হবে না।

আপনার ফ্রি API কী নিন →

---

এই পোস্টটি নিম্নলিখিত ভাষায়ও উপলব্ধ: English, 简体中文, 日本語, 한국어, 繁體中文, हिन्दी, Français, العربية, Русский, اردو, Bahasa Indonesia, Deutsch, Tiếng Việt, Türkçe, Italiano, ไทย, Español and Português।