React Native, native ve cross-platform mobil uygulamalar geliştirmek için bir Javascript framework’üdür. React framework’ü kullanır ve geliştiriciye çok fazla bileşen ve API sunar. Bu yazı dizisi React Native’e ayrılmıştır. (Öncelikle daha giriş bölümünde İngilizce kelimeler var, bunların anlamlarını açıklamaya çalışacağım çünkü bazı kelimeleri Türkçe’ye çevirdiğimde tam anlamını yansıtmıyor.)
Konular:
- 00. React Native
- 01. React
- 01.01. Niye React?
- 01.02. JSX Temel Bilgiler
- 01.03. Visual Studio Code
- 01.04. Bileşen (Component)
- 01.05. Bileşen bileşimi
- 01.06. Props ve PropTypes
- 01.06.01. Props
- 01.06.02. PropTypes ve defaultProps
- 01.06.03. Props.children
- 01.07. Olay işleme ve State
- 01.08. React Bileşeni Yaşam Döngüsü
- 02. Merhaba React Native
- 02.01. Mobil Uygulama Geliştirme
- 02.02. Expo ile React Native’e Hızlı Başlangıç
- 02.03. Native Code ile Proje Oluşturma
- 02.04. Visual Studio Code Extension’ları
- 02.05. Yarn
- 02.06. Babel ve TypeScript
- 02.07. VS Code: React Native Tools kullanma
- 02.08. Merhaba React Native Kodlarını Anlama
- 02.09. Uygulama
- 03. Javascript ve ES6
- 03.01. Javascript Nasıl Çalışır
- 03.02. Test ortamı hazırlanması – ES5 vs ES6
- 03.03. Scope, let ve const
- 03.04. Arrow Fonksiyonu
- 03.05. Promises
- 03.06. Generators
- 03.07. Class (Sınıf) Kavramı
- 03.08. Modules
- 03.09. Template Literals
- 03.10. Genişletilmiş Parametre Yönetimi
- 03.11. Gelişmiş Atama
- 03.12. Gelişmiş Nesne Özellikleri
- 03.13. For-of loop
- 03.14. Map ve Set
- 03.15. Typed Arrays
- 03.16. ES6 Proxies
- 03.17. ES6 Reflect
- 04. React Native: Styling ve Layout
- 04.01. Style yaratma ve uygulama
- 04.02. Flexbox
- 04.03. Text Styling
- 04.04. Image Styling
- 04.05. Gelişmiş Boyutlandırma
- 04.06. Uygulama: Styling
- 05. React Native: Components and APIs
- 05.01. Ön Hazırlık
- 05.02. Temel Bileşenler
- 05.03. Kullanıcı Arayüzü Kontrolleri
- 05.04. List Views
- 05.04.01. FlatList Örneği: JSON veriyi işleme
- 05.05. iOS ve Android Tabanlı Bileşen ve API’ler
- 05.05.01. Platforma Özgü Kodlar
- 05.06. Diğer Bileşenler
- 05.07. Dinamik Bileşen Ekleme
- 05.08. Bileşen Kütüphaneleri
- 06. Navigation
- 06.01. React Navigation Kurulumu
- 06.02. Merhaba React Navigation
- 06.03. React Navigation: Parametre Aktarma
- 06.04. React Navigation: Header
- 06.05. React Navigation: Başlık Button’ları
- 06.06. React Navigation: Tab Navigation
- 06.07. React Navigation: Drawer Navigation
- 07. Animation
- 07.01. Animated API
- 07.02. Animasyon Yapılandırma
- 07.02.01. Animated.timing()
- 07.02.02. Easing ve Interpolate
- 07.02.03. Animated.decay() ve PanResponder
- 07.02.04. Animated.spring()
- 07.02.05. Animated.parallel()
- 07.02.06. Animated.sequence()
- 07.02.07. Animated.stagger()
- 07.03. LayoutAnimation API
- 08. React Native + Redux
- 08.01. State Sorunu
- 08.02. Redux Çözüm
- 08.03. Redux Kurulumu ve Başlangıç Ayarları
- 08.04. Action
- 08.05. Reducer
- 08.06. Store
- 08.07. Uygulamanın Redux’a Bağlanması
- 09. React Native + Firebase
- 09.01. Chat Uygulaması – Firebase Tarafı
- 09.02. Chat Uygulaması – React Native Tarafı
- 09.02.01. React Native Kodları
- 10. React Native + Realm
- 11. React Native + REST API
Kaynaklar:
- https://facebook.github.io/react-native/
- “Mastering React Native”, Eric Masiello, Jacob Friedmann, Packt Publishing, (2017) – especially source codes – https://github.com/PacktPublishing/Mastering-React-Native
- “React Native in Action”, Nader Dabit, Manning Publications (2018), especially source codes – https://github.com/dabit3/react-native-in-action
- https://www.tutorialspoint.com/react_native/react_native_overview.htm
- https://ysfzrn.gitbooks.io/react-native-turkce/