Tasarım & UX Skill
Accessibility Compliance
Ekran okuyucu desteği, klavye navigasyonu ve mobil erişilebilirlik içeren WCAG 2.2 AA uyumlu arayüzler oluşturmak için bir uygulama araç seti.
₺369
React Native Design
Bir React Native uygulamasını taşınmış değil, yerel hissettiren stillendirme, navigasyon ve animasyon katmanını sağlar.
Reanimated 3 worklet'leriyle animasyonları UI thread'inde çalıştırarak takılmasız 60fps hareket sunar; dokunma jest'lerini öyle birleştirir ki kaydırılabilir kartlar ile dokunuşlar birbiriyle çakışmaz; iOS/Android görsel farklarını tek bir API'nin arkasında yönetir. Kullanıcının kalite olarak okuduğu şey cilalı harekettir ve bu yetenek tam da onu verir.
₺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 Tasarım & UX
- 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 native kalitesinde hissettiren cross-platform bir React Native uygulaması kurarken fiilen şu döngüyü çalıştırır, kara kutu yok:
- Tüm stilleri component gövdesinin dışında StyleSheet.create ile tanımlar; React Native bunları ID'ye çevirir ve bridge üzerinden her render'da yeni obje yerine sadece ID gönderir.
- Layout'ları flexbox satır, kolon ve gap ile kurar; spacing ve font boyutu sabit piksel yerine useWindowDimensions üzerinden ekran oranıyla ölçeklenir, küçük telefon da tablet de rahat okunur.
- Tam tipli React Navigation kurar: her route için ParamList tanımlı native stack ve odaklı/odaksız ikon durumlu bottom tab navigator; navigasyon parametreleri derleme anında tip kontrolünden geçer.
- Animasyonu Reanimated ile native UI thread'e taşır: useSharedValue ve useAnimatedStyle worklet'leri, yaylı basma animasyonunu ve sürükleme etkileşimini JS bridge'e dokunmadan 60fps çalıştırır.
- Jestleri GestureDetector ile compose eder (pan, pinch, tap) ve simultaneousHandlers kullanır; scroll view içindeki kaydırılabilir kartlar birbirinin dokunuşunu yutmak yerine birlikte çalışır.
- Platform farklarını Platform.select ile çözer: iOS gölgesi ile Android elevation, SF Pro ile Roboto, status bar yüksekliği ve safe-area boşlukları tek kod tabanından platforma göre yönetilir.
Tek güç kaynağı. 6 hat dışarı.
react-native-design · çekirdek
çekirdek aktif · 6 hat
- ✓ bileşenleri stylesheet ve
Bileşenleri StyleSheet ve dinamik varyant stilleriyle stillendirme
- ✓ react navigation ile stack
React Navigation ile Stack ve Tab navigasyonu kurma
- ✓ reanimated 3 paylaşılan
Reanimated 3 paylaşılan değerleriyle 60fps animasyonlar kurma
- ✓ sürüklenebilir, kaydırıl…
Sürüklenebilir, kaydırılabilir, jest tabanlı etkileşimler oluşturma
- ✓ ios ve android için plat…
iOS ve Android için platforma özel stillendirme yönetme
- ✓ duyarlı düzenler ve güve…
Duyarlı düzenler ve güvenli alana duyarlı ekranlar kurma
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
-
JS köprüsü gecikmesinden etkilenmeyen, UI thread'inde çalışan yerel kalitede 60fps animasyonlar
lisans: kalıcı -
Doğru olay zinciri sayesinde kullanıcı girişini asla yutmayan jest etkileşimleri
lisans: kalıcı -
Tek bir stillendirme sisteminden iOS ve Android'de tutarlı görünüm
lisans: kalıcı -
Stilleri statik tutarak ve memoizasyonu bozan satır içi nesnelerden kaçınarak ölçülebilir daha iyi performans
lisans: kalıcı
abonelikler biter · tapular bitmez
Kutudaki her şey.
Bir parçayı eline al. Çalışırken izle.
StyleSheet desenleri: statik, dinamik varyant ve flexbox satır/sütun/ortalanmış düzenler
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.
Uygulamasının stillendirme, navigasyon ve animasyonlarının her iki platformda da yerel kalite cilasına ulaşmasını isteyen React Native 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
-
Mimariyi de kapsıyor mu, yoksa sadece görsel katman mı?
Stillendirme, navigasyon ve animasyon katmanı: StyleSheet desenleri, tipli React Navigation kurulumu ve Reanimated 3 hareketi. Veri çekme, kimlik doğrulama ve çevrimdışı yapı react-native-architecture tarafında; iki paket bilinçli olarak ayrılmış.
-
Neden Reanimated worklet'leri; yerleşik Animated API yetmez mi?
Worklet'ler animasyonu UI thread'inde çalıştırır; JS köprüsü meşgulken bile hareket 60fps'te kalır. Jest birleştirme desenleri de kaydırılabilir kartlar ile dokunuşların aynı temas için çekişmesini önler; Animated tabanlı kurulumlar genellikle tam burada takılır.
-
Marka renkleriyle bitmiş bir tasarım sistemi veriyor mu?
Hayır. Desenler ve işlenmiş tek bir örnek alırsınız: basışta küçülme geri bildirimli animasyonlu ItemCard. Renk token'ları, tipografi seçimleri ve görsel kimlik size kalıyor.
-
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.