Bir React Native uygulamasını nasıl mimarilendirirsiniz?

Question

Accepted Answer

Bir React Native uygulamasını iyi mimarilendirmek **kodu organize etmeyi**, **endişeleri ayırmayı** (UI, logic, data), **state management** seçmeyi ve **bakımlanabilirlik, testlenebilirlik ve ölçeklenebilirlik** için yapılandırmayı içerir. Uygulamalar büyüdükçe iyi mimari önemli olur.

## Proje organizasyonu

```text
Organize code by FEATURE or by TYPE (feature-based scales better for large apps):
  src/features/auth/{components, screens, hooks, api, store}/   (feature-based)
  OR src/{components, screens, hooks, services, store, navigation, utils}/  (type-based)
→ Keep related code together; separate reusable from feature-specific code.
```

## Endişelerin ayrılması (katmanlar)

```text
PRESENTATION → components/screens (UI, display, user interaction) — keep "dumb" where possible
LOGIC → hooks, state management, business logic (separate from UI)
DATA → API services / repositories (abstract data access); server state via React Query
→ Components display; hooks/state hold logic; services handle data → testable, maintainable.
```

## Temel mimari kararlar

```text
✓ STATE MANAGEMENT → local (useState), Context, or a library (Redux Toolkit/Zustand) by
  complexity; React Query for SERVER state (separate from client state)
✓ CUSTOM HOOKS → extract reusable logic (useAuth, useFetch) — a key RN/React pattern
✓ COMPONENT structure → small, reusable, composable components; presentational vs container
✓ NAVIGATION structure (React Navigation); TYPED with TypeScript
✓ Abstract API/data access (services/repositories) — swappable, testable
```

## İlkeler

```text
✓ Separation of concerns; testability; reusability (components + hooks)
✓ Keep components focused; logic in hooks/services (not bloated components)
✓ Don't over-engineer small apps; scale architecture to complexity
```

## Neden önemli

Bir React Native uygulamasını nasıl mimarilendireceğini anlamak, senior seviye bilgi olarak önemlidir çünkü **iyi mimari, uygulamalar büyüdükçe bakımlanabilir, testlenebilir, ölçeklenebilir uygulamalar inşa etmek için gereklidir**, bu nedenle ciddi React Native geliştirme için değerlidir.

Uygulamalar basit örneklerin ötesine geçtikçe, kötü mimari (logic bileşenlere sıkıştırılmış, ayrılma yok) onları bakımlanması, test edilmesi ve genişletilmesi zor hale getirir — mimari düşünmeyi önemli kılar.

**Proje organizasyonunu** anlamak (daha büyük uygulamalar için özelliğe göre, ilgili kodu bir arada tutmak, yeniden kullanılabilir kodu özelliğe özgü koddan ayırmak) ölçeklenen bir yapı sağlar.

**Endişelerin ayrılmasını** anlamak (UI için sunum bileşenleri, logic için hooks/state, data için services/repositories — bileşenleri "dumb" tutmak ve logic'i ayırmak) bakımlanabilir, testlenebilir kod için temeldir.

**Temel mimari kararları** anlamak — state management'ı karmaşıklığa göre seçmek (local, Context, Redux Toolkit/Zustand) **sunucu state'i için React Query** ile (**önemli client/server-state farkı**), **custom hook'ları** kullanmak (yeniden kullanılabilir logic'i extract etmek — bileşenleri temiz tutan ve logic'i yeniden kullanılabilir yapan key React Native/React deseni), bileşenleri yapılandırmak (küçük, yeniden kullanılabilir, composable), yazılan navigation ve data access'i soyutlamak — iyi mimarilendirilen bir uygulamayı şekillendiren kararları yansıtır.

**İlkeleri** anlamak (endişelerin ayrılması, testlenebilirlik, bileşenler ve hook'lar yoluyla yeniden kullanılabilirlik, bileşenleri hook'lar/services ile logic'e odaklı tutmak ve küçük uygulamaları aşırı engineering'den kaçınmak) uygulamanın karmaşıklığına göre ölçeklenmiş olgun mimari yargıyı yansıtır.

İyi mimari, uygulamalar büyüdükçe bakımlanabilir, testlenebilir, ölçeklenebilir React Native uygulamaları için gerekli olduğundan (kötü mimari gerçek sorunlara neden olur) ve kod organizasyonu, endişelerin ayrılması, custom hook'lar, state management kararları ve mimari ilkeleri anlamak iyi yapılandırılmış uygulamalar inşa etmeyi sağladığından, bir React Native uygulamasını nasıl mimarilendireceğini anlamak ciddi React Native geliştirme için önemli senior seviye bilgidir — bakımlanabilir, ölçeklenebilir uygulamalar inşa etmeyi ayırt eden profesyonel geliştirmenin temel yetkinliği, senior roller için beklenen mimari düşünmeyi yansıtır.