Untitled

Ahmet Özbey Sorulabilecek Sorular 

1.Ödevde search kısmı çalışmıyor?

TEKNİK SORULAR

1. Code Splitting Nedir?

    Code splitting, büyük JavaScript dosyalarını parçalara bölerek yalnızca ihtiyaç duyulan parçaların yüklenmesini sağlayan bir tekniktir. Bu, uygulamanın başlangıçta daha hızlı yüklenmesini ve kullanıcı etkileşimleri sırasında daha iyi performans sergilemesini sağlar. Özellikle büyük uygulamalarda, sayfa veya bileşen bazında yalnızca gereken kodları yüklemek, ilk yükleme süresini azaltır ve kullanıcı deneyimini iyileştirir.

    import React, { Suspense, lazy } from 'react';

    // Dinamik olarak import edilen bileşen
    const LazyLoadedComponent = lazy(() => import('./LazyLoadedComponent'));

    function App() {
        return (
            <div>
             <h1>Code Splitting Example</h1>
            <Suspense fallback={<div>Loading...</div>}>
            <LazyLoadedComponent />
            </Suspense>
            </div>
             );
    }


2.React'teki yüksek seviyeli bileşenler (HOCs) kavramını açıklayın.
    - Yüksek seviyeli bileşenler (HOCs), bir bileşeni sarmalayarak ona ek işlevsellik kazandıran fonksiyonlardır. HOCs, bileşenlerin yeniden kullanılabilirliğini ve modülerliğini artırır. Örnek olarak, bir bileşene yetkilendirme kontrolü eklemek veya veri sağlamak için kullanılabilir.


3. React'te bir bileşenin yeniden render edilmesini nasıl engelleyebilirsiniz?**
    - Bir bileşenin yeniden render edilmesini engellemek için `React.memo`, `shouldComponentUpdate` veya `PureComponent` kullanılabilir. Ayrıca, state veya props değişikliklerini kontrol ederek gereksiz render'lar engellenebilir.

4. React'te Batching nedir? Batching performansı nasıl artırır?
    - Batching, React'in birden fazla state güncellemesini tek bir render döngüsünde birleştirerek işleme tekniğidir. Bu, gereksiz yeniden renderları önler ve performansı artırır. React, aynı olay döngüsü içinde yapılan state güncellemelerini otomatik olarak batchler.

5. React geliştiricileri güvenli kimlik doğrulama ve yetkilendirmeyi nasıl sağlayabilir?**

    - **Kimlik Doğrulama**: React geliştiricileri, JWT (JSON Web Token), OAuth veya diğer kimlik doğrulama yöntemleri kullanarak kullanıcı kimliğini doğrulayabilir. Bu kimlik doğrulama token’ları, sunucuya yapılan her istekte gönderilerek kullanıcı kimliği doğrulanabilir.

    - **Yetkilendirme**: Kullanıcı rollerine ve yetkilere dayalı olarak erişim kontrolü uygulanmalıdır. Örneğin, bir kullanıcının admin paneline erişimi olup olmadığını belirlemek için React Router gibi kütüphanelerle koşullu yönlendirmeler yapılabilir.

    - **Güvenlik En İyi Uygulamaları**: React uygulamalarında güvenliği artırmak için HTTPS kullanımı zorunlu hale getirilmeli, kullanıcı oturumları uygun şekilde yönetilmeli, CSRF (Cross-Site Request Forgery) ve XSS (Cross-Site Scripting) saldırılarına karşı koruma sağlanmalıdır.