CodeBlanks Logo Icon CodeBlanks

React Native nedir?

React Native'in mobil uygulama geliştirme çerçevesi olduğunu öğrenirsin.

React Native nedir?

React Native, JavaScript ile iOS ve Android uygulamaları oluşturmanı sağlayan bir mobil çerçevedir. Meta (eski Facebook) tarafından geliştirilir ve tek bir kod tabanıyla iki platforma da derlenir.

Web teknolojilerinden farklı olarak, tarayıcı yerine cihazın yerel bileşenlerini kullanır. Yani <View> aslında Android'de bir ViewGroup, iOS'ta ise bir UIView olarak görünür.

Bu kursta React Native 0.7x ve Expo ile geliştirme yapacağız.

Expo ile geliştirme

Expo, React Native üzerinde kurulu bir çerçevedir. Yerel derleme ortamını kurmadan uygulamayı başlatmanı, test etmeni ve dağıtmanı sağlar.

Bir Expo projesi oluşturmak için terminalde npx create-expo-app komutunu kullanırsın. Bu komut gerekli tüm bağımlılıkları indirir ve hazır bir App.js dosyası oluşturur.

Expo Go uygulamasını telefona yükleyip QR kodu tarayarak geliştirdiğin uygulamayı anında telefonda görebilirsin.

Uygulama İçe aktarmayı yaz

View ve Text bileşenlerini react-native paketinden içe aktar.

Başlangıç kodu

App.js
// View ve Text'i içe aktar

Örnek çözüm

App.js
import { View, Text } from 'react-native';

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 React Native hangi platformları hedefler?

  • Yalnız web tarayıcıları
  • Yalnız iOS
  • Yalnız masaüstü
  • iOS ve Android Doğru cevap

Açıklama: React Native iOS ve Android için derlenir.

2 Kavramları eşleştir

Kavram Anlamı
React Native Mobil çerçeve
Expo Geliştirme araç seti
JavaScript Programlama dili
JSX İşaretleme sözdizimi

3 İçe aktarma sözdizimi

Soru
import { View, ____ } from 'react-native';
Cevap
import { View, Text } from 'react-native';

Açıklama: Text bileşeni de react-native paketinden gelir.

Başlangıç bölümündeki tüm dersler