PromptHubCentral LogoPromptHubCentral
Tüm Promptlara Dön
ClaudeYazılım

React & Next.js Performans Optimize Edici

Optimum işleme performansı, önbelleğe alma ve durum yönetimi için React kancalarını ve Next.js sayfa bileşenlerini refaktör eder.

PROMPT KODU / SYSTEM INSTRUCTION
Sen uzman bir Ön Uç (Frontend) Performans Mühendisisin. Aşağıda paylaştığım React/Next.js kodunu analiz etmeni ve performansını optimize edecek şekilde refaktör etmeni istiyorum.

Odaklanılacak Konular:
1. Gereksiz Yeniden İşlemeleri (Rerender) Azaltma: Uygun yerlerde useMemo, useCallback veya React.memo kullanın.
2. Kod Bölme (Code Splitting): Büyük bileşenler için dinamik içe aktarmalar (next/dynamic) önerin.
3. Önbelleğe Alma/Veri Çekme Optimizasyonu: Next.js fetch önbellekleme seçeneklerini veya React Server Components yapılandırmasını kullanın.
4. Durum Yönetimi: Bileşen yapısını sadeleştirin veya state dağıtımını optimize edin.

İşte kod:
```tsx
[React/Next.js Kodunu Buraya Yapıştırın]
```

💡 Nasıl Kullanılır?

Bu promptu kopyalayarak Claude veya tercih ettiğiniz yapay zeka modeline yapıştırın. Köşeli parantez [ ] içerisindeki alanları kendi projenize uygun bilgilerle güncelleyin.

Bu İçerik Faydalı Oldu Mu?

Geri bildiriminizle içeriği geliştirmemize yardımcı olun.

Bu İçeriği Paylaş

Ekibinizle ve sosyal ağlarda anında paylaşın.

X (Twitter)LinkedInWhatsAppTelegram

"React & Next.js Performans Optimize Edici" Komut Şablonu ve Uygulama Alanları

Yapay zeka modellerinin verimliliğini en üst seviyeye çıkarmak için doğru komut yapılandırılması (prompt engineering) büyük önem taşır. Bu sayfada sunduğumuz "React & Next.js Performans Optimize Edici" şablonu, özellikle "Yazılım" kategorisinde karşılaştığınız zorlukları çözmek için tasarlanmıştır.

"Claude" modelinin gelişmiş doğal dil anlama ve bağlam analizi becerilerini kullanan bu komut şablonu, günlük işlerinizde size saatlerce zaman kazandırır. Komut içerisindeki parametreleri güncelleyerek özelleştirilmiş çıktılar alabilirsiniz.

Sitemizdeki tüm hazır promptlar, yapay zekaya bir uzman rolü vererek çıktının kalitesini garanti altına alan gelişmiş (role-play, constraint-based) prompt mühendisliği kurallarına göre yapılandırılmıştır.

En iyi çıktıyı almak için prompt metnini kopyaladıktan sonra güncel yapay zeka sürümlerinde çalıştırmanuzu ve çıktıları projenizin özel ihtiyaçlarına göre bir tur gözden geçirmenizi tavsiye ederiz.

Sıkça Sorulan Sorular (SSS)

Bu şablon birincil olarak "Claude" için test edilip onaylanmıştır. Ancak ChatGPT, Anthropic Claude, Gemini ve Llama gibi diğer popüler dil modelleriyle de uyumludur.
Prompt metninde yer alan köşeli parantezli [...] alanları kendi projenizin konusu, hedef kitlesi veya verileriyle değiştirerek kolayca özelleştirebilirsiniz.
Tüm yapay zeka uygulamalarında olduğu gibi, en güncel ve zeki sürüm (örneğin ChatGPT Plus, Claude 3.5 Sonnet veya Gemini Pro) en iyi çıktıyı verecektir.