rnturkce
  • Introduction
  • Yararlandığım Kaynaklar
  • Babel, ES2015, ES6, ES7 Nedir ?
  • ES6 ve ES7 Örnekler
  • Fonksyionel Programlama
  • Composition
  • Composition ile React Native Örneği(Yazılacak)
  • React JS Nedir ?
  • JSX Nedir ?
  • Lifecycle Methodlar
  • Props Mantığı
  • State Mantığı
  • React Native Nedir ?
  • Installation
  • expo
  • Windows Installation
  • macOS Installation
  • Gnu/Linux Installation
  • React Native Başlangıç
  • Style ve FlexBox
  • Temel Component'ler
  • View
  • Text
  • Image
  • ScrollView
  • ListView
  • FlatList
  • Component API'lar
  • Animasyon
    • LayoutAnimation
    • Animated
      • Animated.Event( )
  • PanResponder
  • react-navigation
    • İç İçe Navigator Kullanımı
    • Header Seçenekleri( Yazılacak )
  • State Yönetimi
  • mobx
  • Redux(Yazılacak)
  • Yılan Oyunu Tutorial
  • Yılan Oyunu Part 1
  • Yılan Oyunu Part 2
  • Yılan Oyunu Part 3
  • Android Apk Oluşturma
Powered by GitBook
On this page

Was this helpful?

React Native Nedir ?

Kitabın öncesinde React JS için bahsettiğimiz ne varsa, Lifecycle methodlar, state , props mantığı, statefull veya stateless componentler ve daha bir sürü şey React Native için de geçerli. Tabi React Native'de bir DOM yapımız yok. Mobil işletim sistemlerinde bunu çözmek için React Native takımı, şöyle bir yol geliştirmiş.

Android ve IOS da hali hazırda olan native componentler için araya bir köprü koymuş. Bu köprü sayesinde, bu componentleri Javascriptin algılayabileceği hale getirmiş. Şimdi o bazı componentlerin html tagleri karşılıklarına bakalım.

(React Native 0.42 için geçerlidir)

HTML

React Native

div

View

button

Button

img

Image

input

TextInput

label

Text

React JS yazarken, kullandığımız temel html taglerini nerdeyse aynı özellikleriyle React Native'de de kullanabiliyoruz.

( button ve label ile ilgili bazı söylenmesi gereken şeyler var fakat Temel Componentler kısmında oraya değinelim, ayrıca sunulan componentler de bu kadar değil daha fazlası var )

PreviousState MantığıNextInstallation

Last updated 5 years ago

Was this helpful?