Mesajlar

User
Ahmet Yılmaz 14:32

Evet, o hook'u denedim ve çok iyi çalıştı! 🚀

User
Mehmet Demir Dün

Docker için bir örnek kod gönderebilir misin?

2
User
Zeynep Kara 2 gün

Teşekkürler! Bu çözüm işe yaradı 👍

User
Can Öztürk 1 hafta

Next.js 14 migration rehberi var mı?

User
Ayşe Demir 2 hafta

TypeScript generic types hakkında...

User

Ahmet Yılmaz

Çevrimiçi

Bugün - 16 Aralık 2024
User
Ahmet Yılmaz 14:23

Merhaba! React 18 ile ilgili sorunumu çözmeme yardımcı olabilir misin?

Özellikle useTransition hook'u hakkında bilgin var mı?

User
Sen 14:25

Elbette! useTransition concurrent rendering için harika bir hook.

İşte basit bir örnek:

import { useState, useTransition } from 'react';

function SearchComponent() {
  const [query, setQuery] = useState('');
  const [isPending, startTransition] = useTransition();
  
  const handleSearch = (value) => {
    setQuery(value);
    
    startTransition(() => {
      // Expensive operation
      performHeavySearch(value);
    });
  };
  
  return (
    
handleSearch(e.target.value)} /> {isPending && }
); }

Bu şekilde UI responsive kalır! 🚀

User
Ahmet Yılmaz 14:28

Harika! Peki useDeferredValue ile arasındaki fark ne?

Hangisini ne zaman kullanmalıyım? 🤔

User
Sen 14:30

Çok iyi soru! İşte temel farklar:

📌 useTransition

  • State güncellemelerini kontrol eder
  • Kullanıcı aksiyonları için ideal (button click)
  • isPending state'i döner

📌 useDeferredValue

  • Prop/state değerini defer eder
  • Input değişiklikleri için ideal
  • Daha declarative bir yaklaşım
User
Ahmet Yılmaz 14:32

Evet, o hook'u denedim ve çok iyi çalıştı! Çok teşekkürler! 🚀

User
Markdown formatı desteklenir
Enter ile gönder, Shift+Enter ile yeni satır