Codex Meninjau Kode Anda dengan Dokumentasi Live
Tutorial langkah demi langkah: hubungkan Codex ke Felo OpenAPI, lalu lihat bagaimana Codex meninjau kode Anda berdasarkan dokumentasi framework terbaru dan menghasilkan laporan lengkap dengan sumber.
Basis kode Anda menggunakan React. Tapi, apakah sudah memakai pola terbaru? Apakah ada API yang sudah usang tersembunyi di sana? Codex bisa meninjau kode Anda — tetapi hanya jika ia dapat mengakses dokumentasi terbaru.
Berikut cara memberinya kemampuan tersebut.
3 Menit Menghubungkan Felo OpenAPI
Langkah 1: Kunjungi openapi.felo.ai dan buat API key gratis.
Langkah 2: Salin dan tempel ini ke Codex, Claude Code, atau OpenClaw Anda:
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
Langkah 3: Koneksi selesai. Agen Anda sekarang meninjau kode dengan dokumentasi live, bukan data pelatihan lama.
Cerita Pengguna
Anda punya sebuah komponen React yang ditulis enam bulan lalu. Anda ingin tahu:
- Apakah menggunakan API yang sudah usang?
- Apakah ada masalah keamanan?
- Apakah ada peningkatan performa dari versi React terbaru?
- Apa kata dokumentasi resmi tentang pola ini?
Alih-alih memeriksa dokumentasi secara manual, Anda cukup menempelkan kode dan meminta Codex untuk meninjaunya.
Anda Hanya Perlu Mengatakan Ini
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]
Apa yang Dilakukan Codex Secara Otomatis
Langkah 1: Mencari Dokumentasi Terbaru
POST /v2/chat
{
"query": "React 19 latest features deprecated APIs best practices 2026"
}
Codex menemukan dokumentasi resmi React, catatan rilis, dan panduan migrasi.
Langkah 2: Membaca Dokumentasi Resmi
POST /v2/web/extract
{
"url": "https://react.dev/blog/react-19"
}
Codex membaca posting blog rilis React 19, mengekstrak:
- Fitur dan pola baru
- API yang sudah usang
- Panduan migrasi
- Rekomendasi performa
Codex mengulangi proses ini untuk dokumentasi utama, referensi API, dan diskusi RFC yang relevan.
Langkah 3: Menganalisis Kode Anda
Codex membandingkan kode Anda dengan dokumentasi yang baru saja dibaca:
- API Usang: Memeriksa apakah kode Anda menggunakan pola yang sudah tidak didukung di React 19
- Masalah keamanan: Mengidentifikasi potensi risiko XSS, injeksi, atau kebocoran data
- Performa: Menandai peluang untuk menggunakan optimasi baru di React 19
- Best practice: Membandingkan pola Anda dengan panduan resmi terbaru
Langkah 4: Menghasilkan Laporan Review
Codex menghasilkan laporan terstruktur:
## 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
Langkah 5: Simpan ke LiveDocs
Codex menyimpan hasil review ke LiveDocs beserta:
- Kode asli
- Temuan review lengkap dengan URL dokumentasi
- Tag untuk tipe komponen, versi framework, dan tingkat keparahan isu
Review di masa depan dapat merujuk pada riwayat ini.
Hasilnya
Anda mendapatkan review kode yang:
- Merujuk langsung ke halaman dokumentasi spesifik, bukan saran umum
- Mengidentifikasi pola usang secara tepat beserta nomor baris
- Memberikan solusi spesifik dengan sitasi dokumentasi resmi
- Menyarankan peningkatan performa berdasarkan versi terbaru
Total waktu: 2-3 menit.
Template Prompt Lengkap (Salin & Pakai)
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].
Ganti nilai dalam tanda kurung sesuai kebutuhan review kode Anda.
Lanjutan: Review Batch
Tinjau beberapa file sekaligus:
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.
Codex akan meninjau setiap file, menghasilkan temuan individual, dan membuat ringkasan prioritas.
Lanjutan: Pre-Commit Hook
Siapkan review sebelum melakukan commit:
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."
Mulai Sekarang
- Buat API key gratis Anda
- Tempel prompt inisialisasi ke agen Anda
- Coba prompt review kode di atas
Reviewer kode Anda sekarang membaca dokumentasi terbaru, jadi Anda tidak perlu repot lagi.
Dapatkan API Key Gratis Anda →
Tulisan ini juga tersedia dalam English, 简体中文, 日本語, 한국어, 繁體中文, हिन्दी, Français, العربية, Русский, اردو, Deutsch, Tiếng Việt, Türkçe, Italiano, ไทย, Español, বাংলা and Português.