Geliştirme Skill
Angular Migration
AngularJS (1.x) uygulamalarını riskli bir baştan-yazım olmadan modern Angular'a taşıyan eksiksiz bir geçiş rehberi.
₺369
React State Management
Her şeyi tek bir depoya zorlamak yerine doğru state aracını seçmek için bir karar çerçevesi ve çalışan desenler sunar.
Sunucu state'i (React Query'nin işi) ile istemci state'i (Zustand, Jotai veya useState'in işi) arasındaki büyük ayrımı çizer; aynı verinin iki yerde yaşamamasını sağlayan tek doğruluk kaynağı ilkesini uygular; aksiyonları anlık hissettiren ve hata anında otomatik geri alan iyimser güncelleme desenleri verir. Senkronizasyon hatalarıyla boğuşmayı bırakıp ürün çıkarmaya başlarsınız.
₺369 tek seferlik
Bir kit içine ekle → Fiyatlara KDV (%20) dahildir. · Gerçek ajans işinden çıkarıldı · tek seferlik, kilit yok
- Tür Skill
- Kategori Geliştirme
- Teslimat E-posta · anında
- Lisans Tek seferlik
Çalışmanın içinden · kara kutu yok
Satın almadan önce işin kendisini gör.
Skill refleksle store'a uzanmaz. Önce her state parçasını sınıflandırır, sonra doğru aracı atar, koştuğu karar döngüsü şu:
- Her state'i beş kategoriden birine ayır: yerel UI (useState), global client (Zustand, Jotai, Redux Toolkit), sunucu verisi (React Query), URL state (search params), form state (React Hook Form), aracı kategori belirler
- Bir şey globale gitmeden önce colocation testini uygula: 1-2 component kullanıyorsa yerel useState, 3 ve üzeri kardeş kullanıyorsa context veya store, state'i gereğinden yukarı taşımak bug sayılır
- Tüm uzak veriyi query keys factory'li React Query'ye taşı: kaynak başına ayarlı staleTime ve gcTime, bağımlı sorgular için enabled korumaları, sunucu verisi için asla useState artı elle fetch yok
- Client store'u Zustand slice'ları olarak kur (user slice, cart slice) ve tek tipli store'da birleştir, selector hook'larla aç ki component'ler sadece okudukları dilimde yeniden render olsun
- Optimistic mutation'ları uçtan uca bağla: onMutate yoldaki sorguları iptal edip cache'in anlık görüntüsünü alır, UI anında güncellenir, onError görüntüye geri döner, onSettled sunucuyla yeniden eşitlemek için invalidate eder
- İncelemede tek doğruluk kaynağını zorla: filtre state'i sadece URL'de, sunucu verisi sadece query cache'inde yaşar, iki yerde yaşayan her değere tek sahip atanır ve kopya silinir
Tek güç kaynağı. 6 hat dışarı.
react-state-management · çekirdek
çekirdek aktif · 6 hat
- ✓ redux toolkit, zustand
Redux Toolkit, Zustand, Jotai ve React Query arasında seçim yapma
- ✓ önbellekleme ve arka plan
Önbellekleme ve arka plan senkronuyla uzak sunucu state'i yönetme
- ✓ geri almalı iyimser arayüz
Geri almalı iyimser arayüz güncellemeleri uygulama
- ✓ dilimlerle ölçeklenebili…
Dilimlerle ölçeklenebilir global depolar kurma
- ✓ tek ekranda istemci arayüz
Tek ekranda istemci arayüz state'i ile sunucu verisini birleştirme
- ✓ eski redux'ı redux toolk…
Eski Redux'ı Redux Toolkit'e taşıma
Aldıkların sende kalır.
Zamanı ileri sar. Ne kaldığını izle.
Sonsuza dek
Sahip olmak tam olarak bu.
Kiralık yığın
yapay zekâ yazım aracı: abonelik
süresi doldu · erişim gittianaliz paketi: abonelik
süresi doldu · erişim gittitasarım platformu: abonelik
süresi doldu · erişim gitti(geriye bir şey kalmadı)
Senin ocağın
-
Her state kategorisi için doğru araç; paradigmaları karıştırmaktan doğan hataların sonu
lisans: kalıcı -
Sıfır kopya sunucu state'i, böylece önbellek geçersizleştirme ve yarış koşulları ortadan kalkar
lisans: kalıcı -
Güvenli otomatik geri almayla iyimser güncellemeler sayesinde 0ms hisseden aksiyonlar
lisans: kalıcı -
Seçici abonelikler ve state yerleştirmesiyle gereksiz yeniden render'ların azalması
lisans: kalıcı
abonelikler biter · tapular bitmez
Kutudaki her şey.
Bir parçayı eline al. Çalışırken izle.
State kategorisi ve seçim kriteri matrisi (yerel, global, sunucu, URL, form)
6 parça · tek çalışan sistem · e-postayla anında teslim
Bu herkes için dövülmedi.
- Araç kiralamayı sahip olmaya tercih ediyorsan, sana göre değil.
- Yığınını senin yerine başkası yönetsin istiyorsan, sana göre değil.
- Tahmin etmekten memnunsan, sana göre değil.
Büyüyen bir uygulamada state'i nasıl yapılandıracağına karar veren, aşırı globalleştirme ya da sunucu verisini kopyalamaktan doğan senkronizasyon hatalarından kaçınmak isteyen React geliştiricileri için.
o zaman bu senin için dövüldü.Hangi AI ile çalışır
Tasarımı gereği evrensel: her yapay zekada çalışır. Açık Agent Skills + MCP biçiminde gelir (Claude’da yerleşik); ChatGPT, Gemini, Cursor ve Copilot aynı dosyaları kendine uyarlar.
- Claude Yerleşik biçim
- ChatGPT Açık standartla uyarlanır
- Gemini Açık standartla uyarlanır
- Cursor Açık standartla uyarlanır
- Copilot Açık standartla uyarlanır
Aklındakini yakala.
hava temizlendi. seninle ocak arasında hiçbir şey kalmadı.
bir kıvılcım yakala: ocak cevaplar
-
Her yerde Redux kullanıyoruz; bu sadece yeni uygulamalara mı yarar?
Eski Redux'tan Redux Toolkit'e taşıma rehberi içeriyor, yani mevcut kod tabanları tam kapsam içinde. Karar çerçevesi Redux'ın hak ettiği yerde kalmasına da izin veriyor; amaç zorla yeniden yazım değil, her state kategorisine doğru aracı koymak.
-
Dört kütüphane arasında seçim gerçekte neye göre yapılıyor?
State kategorisi matrisine göre: sunucu verisi React Query'ye, istemci arayüz state'i Zustand, Jotai veya useState'e gider; URL ve form state'i ayrıca ele alınır. Tek doğruluk kaynağı kuralı da aynı verinin iki depoda yaşamasını engeller; senkronizasyon hatalarının çoğu oradan çıkar.
-
Tek bir 'en iyi' kütüphane seçip beni ona mı bağlıyor?
Hayır. Önerme tam tersi: sunucu ve istemci state'i farklı araçlara ayrılır, seçim kriterleri uygulamanızın şekline bağlıdır. Her şeyi tek depoya koyan reçete, bu paketin tam karşı çıktığı şey.
-
Nasıl teslim edilir?
Satın alımdan hemen sonra e-posta ile iletilir, kuruluma hazır, anında indirilir; bekleme yok.
-
Tek seferlik mi, abonelik mi?
Tek seferlik alımdır; abonelik veya gizli ücret yoktur. Fiyata KDV (%20) dahildir.
-
İade alabilir miyim?
Dijital ürün olduğu için indirildikten sonra iade yapılmaz. Bu yüzden ne içerdiğini ve kime uygun olduğunu burada açıkça paylaşıyoruz.