İçeriğe geç

React Native

React Native ile mobil uygulama gelistirmeye basliyoruz. Bu bolumde daha hizli notlar alip gerekirse daha sonra duzenlemeye yapacagim.

Hazirsaniz baslayalim.

Hizli bir baslangic

Reactnative’de react’da oldugu gibi bize bir framework ile baslamamizi oneriyor. Bu yuzden baslangic olarak Expo ile ilk calismalara baslayacagiz.

Bazi linkleri hemen paylayasayim:

https://reactnative.dev/

https://expo.dev/ ve https://docs.expo.dev/

https://www.nativewind.dev/

https://reactnavigation.org/

https://www.yogalayout.dev/

Component Kutuphaneleri:

https://nativebase.io/ https://gluestack.io/ https://tamagui.dev/

Expo Kurulum

Terminal’de asagidaki kod ile Expo’ya hizli bir baslangic yapabiliriz. —template blank ile temel bir template ile baslayabiliriz.

npx create-expo-app@latest --template blank

kurulum bittikten ve terminalden cd ile kurulum yaptigimiz klasore gittikten sonra VS Code acip

npx expo start

veya

npm run start

ile projemizi calistirabiliriz.

Expo projeleri on izleme

Expo Go app uygulamasini cep telefonunuza indirin. Bilgisayarinizin ve telefonunuz ayni wifi’ye bagli olmasi gerektigini unutmayin.

Projenizi calitirdiginizda terminalinde bir QR code goreceksiniz, indirdiginiz Expo Go uygulamasini acin ve bu QR code’u okutun. Simdi projenizi canli olarak cep telefonunuzda aninda gorebilirsiniz.

Yukleme ve daha fazla bilgi icin: https://expo.dev/go