Panduan membaca yang dilokalisasi
vercel-react-best-practicesTujuan, penggunaan, dan sumber
Bereaksi danNext.jsPedoman optimasi kinerja dari Vercel Engineering. Keterampilan ini harus digunakan saat menulis, meninjau, atau melakukan refactoring.React/Next.jsKode untuk memastikan pola kinerja optimal. Dipicu pada tugas yang melibatkan komponen React,Next.jshalaman, pengambilan data, optimasi bundel, atau peningkatan kinerja.
Sumber diambil:
- Repositori sumber
- vercel-labs/open-agents
- SKILL.md
.agents/skills/vercel-react-best-practices/SKILL.md- Bintang Repositori
- 5,871
- Pembaruan terakhir repositori
- 2026-08-29
- Klasifikasi Kemampuan
- Alur Kerja Agen
- Waktu pengumpulan terbaru
Lisensi: MIT
Cuplikan alur kerja adalah alat bantu baca, bukan instruksi yang dapat dieksekusi dari Codez. Tidak ada Skill pihak ketiga yang dijalankan untuk menghasilkan halaman ini.
Bagian yang menjelaskan tujuan dan alur kerja di bawah ini merupakan materi dari hulu, yang telah diorganisir dan diterjemahkan untuk dibaca. Bagian ini berbeda dari analisis editorial Codez yang diberi label secara terpisah.
Apa yang dilakukan oleh Skill ini?
Bereaksi danNext.jsPedoman optimasi kinerja dari Vercel Engineering. Keterampilan ini harus digunakan saat menulis, meninjau, atau melakukan refactoring.React/Next.jsKode untuk memastikan pola kinerja optimal. Dipicu pada tugas yang melibatkan komponen React,Next.jshalaman, pengambilan data, optimasi bundel, atau peningkatan kinerja.
Bagaimana alur kerja hulu bekerja
Cara Penggunaan
Baca berkas aturan individual untuk penjelasan rinci dan contoh kode: Setiap berkas aturan berisi: Penjelasan singkat mengapa hal itu penting Contoh kode yang salah beserta penjelasannya
Jalur hulu · L120 ↗Kapan Harus Mendaftar?
Gunakan panduan ini sebagai acuan ketika: Menulis komponen React baru atauNext.jsMengimplementasikan pengambilan data (sisi klien atau server) Meninjau kode untuk masalah kinerja
Jalur hulu · L14 ↗Praktik Terbaik React Vercel
Panduan optimasi performa komprehensif untuk React danNext.jsaplikasi, dikelola oleh Vercel. Berisi58aturan di seluruh8kategori, diprioritaskan berdasarkan dampak untuk memandu refactoring otomatis dan pembuatan kode.
Jalur hulu · L10 ↗rules/async-parallel.md
rules/bundle-barrel-imports.mdPersyaratan dan pengaturan
Tidak ada bagian persyaratan singkat yang dipilih dari file ini. Ini tidak berarti Skill tersebut tidak memiliki dependensi. Periksa petunjuk pengaturan repositori dan file yang dirujuk.
Batasan dan pemeriksaan kualitas
Tidak ada bagian batasan terpisah yang dipilih dari file ini. Ini tidak berarti Keterampilan ini aman untuk setiap input atau lingkungan. Tinjau sumber lengkapnya dan validasi hasil Anda sendiri.
Mulailah dengan uji coba yang aman.
- Periksa host yang didukung dan petunjuk instalasi repositori. Simpan direktori Skill beserta skrip, aset, dan dokumentasi yang dirujuk di dalamnya secara bersamaan;SKILL.mdsendirian dapat menghilangkan dependensi.
- Berikan input sebenarnya, output yang diinginkan, dan kriteria penerimaan kepada agen. Sintaks pemanggilan dan alat yang tersedia bergantung pada host; situs ini tidak mengasumsikan perintah instalasi universal.
- Cobalah alur kerja sumber dalam proyek sementara atau pada salinannya. Tinjau operasi yang mengubah file, layanan jarak jauh, atau sumber daya yang dapat ditagih sebelum mengizinkannya.
- Validasi output terhadap pemeriksaan kualitas sumber dan persyaratan Anda sendiri. Pemicu yang berhasil atau jumlah bintang repositori yang tinggi tidak menjamin hasil yang benar.
Baca selengkapnya di sumber aslinya.
- Praktik Terbaik React Vercel
- Kapan Harus Mendaftar?
- 1Menghilangkan Air Terjun (KRITIS)
- 2Optimalisasi Ukuran Bundel (KRITIS)
- 3Performa Sisi Server (TINGGI)
- 4Pengambilan Data Sisi Klien (SEDANG-TINGGI)
- 5Optimasi Render Ulang (SEDANG)
- 6Performa Rendering (SEDANG)
- 7Performa JavaScript (RENDAH-SEDANG)
- 8Pola Lanjutan (RENDAH)
- Cara Penggunaan
- Dokumen Lengkap yang Telah Dikompilasi
Keterampilan Terkait
Terjemahan dan ruang lingkup
Panduan membaca ini memilih bagian-bagian dari teks yang telah disematkan di bagian atas.SKILL.mdTerjemahan ini dibantu. Ini bukan manual lengkap atau klaim kompatibilitas yang telah diuji. Bacalah dokumen asli dan file referensinya sebelum digunakan.
Pendahuluan ini mengacu pada versi yang disematkan di bawah ini; aktivitas repositori saat ini dan waktu pengumpulan ditampilkan secara terpisah.
- Sumber yang disematkan
- Baca teks aslinya ↗
- Sumber diambil
- Komit sumber
cf865e94de7729751c747171785b6ce57e7b178c- Sumber SHA-256
b0bc1161fa20c5d2154099b7db2a46e9937b51d8f3f88f57ea1a06e76af0d474