REACT NATİVE NEDİR?

REACT NATİVE

Merhaba!Mobil uygulama geliştirme serüvenimde en çok sevdiğim teknolojilerden biri React Native oldu. Kısaca tanımlamak gerekirse:

React Native, Facebook (şimdiki Meta) tarafından geliştirilen, JavaScript ve React yapısını kullanarak Android ve iOS için tek kod tabanı ile mobil uygulama geliştirmeyi sağlayan bir framework’tür.

Yani ayrı ayrı Android (Java/Kotlin) ve iOS (Swift/Objective-C) kodu yazmak yerine, tek bir proje ile iki platformda da çalışabilen uygulamalar geliştirebilirsiniz.

Neden React Native?

Benim için en büyük avantajı zaman ve maliyet tasarrufu oldu. Çünkü:

• Tek kod tabanı → Hem iOS hem Android’de çalışır.

• Hızlı geliştirme → Hot Reload sayesinde kod değişikliklerini anında görebilirsiniz.

• Büyük topluluk desteği → Sorunlara cevap bulmak kolaydır.

• Native performans → JavaScript kodu native modüller ile köprü kurarak çalışır, bu da performansı yüksek tutar.

Nerelerde Kullanılır?

React Native ile neler geliştirebilirsiniz? İşte birkaç örnek:

• E-ticaret uygulamaları (Trendyol, Hepsiburada benzeri)

• Sosyal medya uygulamaları (Instagram’ın bazı kısımları React Native ile yapılmıştır)

• Kurumsal uygulamalar (personel takip, raporlama sistemleri)

• Kişisel projeler (alışkanlık takip, yapılacaklar listesi)

Hatta ben de şu sıralar React Native + Node.js kullanarak kendi uygulamalarımı geliştiriyorum.

Basit Bir React Native Kod Örneği

import React from 'react';

import { View, Text, StyleSheet } from 'react-native';

export default function App() {

return (

<View style={styles.container}>

<Text style={styles.title}>Merhaba React Native 👋</Text>

</View>

);

}

const styles = StyleSheet.create({

container: {

flex: 1,

justifyContent: 'center',

alignItems: 'center',

backgroundColor: '#F5F5F5',

},

title: {

fontSize: 24,

color: '#333',

fontWeight: 'bold',

},

});

Nasıl çalışır?

Bu kodu çalıştırmak için npx react-native init ProjeAdi komutu ile yeni bir proje başlatabilir, ardından npx react-native run-android veya npx react-native run-ios ile test edebilirsiniz.

React Native ile Görsel Kullanımı

Resim eklemek de çok kolay:

import { Image } from 'react-native';

<Image

source={{ uri: 'https://reactnative.dev/img/tiny_logo.png' }}

style={{ width: 50, height: 50 }}

/>

Bu şekilde internetten veya yerel dosyadan görsel ekleyebilirsiniz.

React ile Bağlantısı

React Native, isminden de anlaşılacağı gibi React’ten gelir.React, web arayüzleri geliştirmek için kullanılan bir JavaScript kütüphanesidir.React Native ise bu mantığı mobil cihazlara taşır. Yani React’te öğrendiğiniz çoğu şey, React Native’de de geçerlidir:

• Component mantığı

• State & Props yönetimi

• JSX yapısı

Benim için React Native, hızlı prototip çıkarma, çapraz platform geliştirme ve güçlü topluluk desteği ile vazgeçilmez bir araç oldu. Eğer mobil uygulama geliştirmeyi düşünüyorsanız, React Native’e mutlaka şans verin.