tepki yerel ile ilk uygulamayı oluşturun

giriiş

React Native, iOS ve Android cihazlarda çalışan mobil uygulamalar oluşturmaya yönelik bir JavaScript çerçevesidir. React ile aynı tasarımı kullanır ve geliştiricilerin tanıdık bir bileşen tabanlı yapı kullanarak bir mobil uygulama oluşturmasına olanak tanır. React Native, yerel bileşenleri kullanır; bu, uygulamanın daha yerel bir görünüme ve hisse sahip olacağı ve tamamen web tabanlı bir uygulamadan daha iyi performans göstereceği anlamına gelir. Ek olarak, React Native, iOS ve Android arasında kodun yeniden kullanılmasına izin vererek geliştirmeyi daha hızlı ve daha verimli hale getirir.

Geliştirme ortamının ayarlanması

"Uygulamam" adlı yeni bir React Native projesi oluşturmak için aşağıdaki komutu çalıştırın:

npx create-expo-app myApp

cd myApp
npx expo start

PC'nizle aynı kablosuz ağa bağlanın ve Expo Go uygulamasını iOS veya Android cihazınıza indirin. Terminalinizden QR kodunu tarayarak projenizi açmak için Android için Expo Go uygulamasını kullanın. Yerel iOS Kamera uygulamanızın yerleşik QR kod tarayıcısını kullanın.

Uygulamanızı değiştirme

Başarıyla yürüttüğünüze göre şimdi uygulamayı değiştirelim. App.tsx'i açarak seçtiğiniz metin düzenleyicide bazı satırları düzenleyin. Değişikliklerinizi kaydettikten sonra, uygulama otomatik olarak yenilenmelidir.

Et işte!

Tebrikler! İlk React Native uygulamanızı başarıyla çalıştırdınız ve değiştirdiniz.

Daha fazla ayrıntı için React Native belgelerini buradan kontrol edebilirsiniz .

Web üzerinde çalıştırın.

Uygulamanızı web üzerinde başlatabilmeniz için önce bu komutu çalıştırarak Expo Globally'i yüklemeniz gerekir.

npm i -g expo-cli

npm run web

Bu komut satırını kullanarak yalnızca diğer bazı bağımlılıkları kurmalısınız:

npx expo install react-native-web@~0.18.9 [email protected] @expo/webpack-config@^0.17.2

Çözüm

Sonuç olarak React Native, hem iOS hem de Android üzerinde çalışan mobil uygulamalar oluşturmak için güçlü ve esnek bir çerçevedir.

Geliştiriciler, React ile aynı tasarım ilkelerini kullanarak, tanıdık bir bileşen tabanlı yapı kullanarak hızlı ve kolay bir şekilde mobil uygulama oluşturabilir.

Yerel bileşenleri kullanma özelliği sayesinde, uygulama daha yerel bir görünüme ve hisse sahip olacak ve tamamen web tabanlı bir uygulamadan daha iyi performans gösterecektir.

Ek olarak, iOS ve Android arasında kodun yeniden kullanılması, geliştirmeyi daha hızlı ve daha verimli hale getirir. Pek çok avantajıyla, React Native'in mobil uygulama geliştirme için popüler bir seçim haline gelmesi şaşırtıcı değil.