Dependency injection

Dependency injection öğrenirsin.

Dependency injection

Dependency injection (DI), bir bileşenin bağımlılıklarını dışarıdan almasıdır. Bileşen kendi new UserService() diye çağırmaz; userService prop ya da constructor ile verilir.

Bu sayede bileşen somut sınıfa değil, interface'e bağımlı olur. Testte gerçek servis yerine mock verilir; üretimde gerçek servis. React tarafında Context ile DI yapılır.

React ile DI

React'te DI genellikle Context ile yapılır. Bir RepoContext oluşturulur; gerçek veya mock repository Provider'a verilir. Bileşenler useContext ile repository'yi alır ve doğrudan new çağrısı yapmaz.

Testte Provider'a mock repository verilir; bileşen farkında olmadan mock'la çalışır. Bu, unit test yazmayı kolaylaştırır; gerçek ağ gerekmez.

Uygulama RepoContext oluştur

Bir RepoContext oluştur. createContext kullan, varsayılan değer null olsun. Sonucu export ile dışa aktar. createContext'i react'tan içe aktar.

Örnek çözümü göster

import React, { createContext } from 'react';

const RepoContext = createContext(null);

export default RepoContext;

Kendini test et

DI yoluyla verilen şeye ne denir?

Bir bileşenin DI ile dışarıdan aldığı şeye ____ denir.

Cevabı göster

Bir bileşenin DI ile dışarıdan aldığı şeye dependency denir.

DI parçalarını eşleştir

Context

Bağımlılık taşıyıcısı
Provider

Değeri verir
useContext

Değeri alır
Mock

Test değeri
React'te DI hangi mekanizma ile yapılır?
- StyleSheet ile
- useEffect ile
- Context ve Provider
- FlatList ile
Cevabı göster

StyleSheet ile — Context + Provider ile bağımlılık taşınır.

Sıradaki ders: Özet - Uygulama mimarisi

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler