Download - React Native
Kim?
muhasturk
mustafahasturk.commuhasturk
Mustafa Hastürk İstanbul Üniversitesi
Bilgisayar Mühendisliği
Mobil Uygulama Türleri
Native Uygulamalar Hibrid Uygulamalar
Performans ve ölçeklenebilir Tek kod kaynağı
Framework
• AngularJS • Hybrid Framework (Cordova) • Gelişmiş dökümantasyon • Topluluk (Google)
http://ionicframework.com/ https://github.com/driftyco/ionic
React.js• Facebook • UI Library • Virtual DOM • Component based architecture • Performance
https://facebook.github.io/react/ https://github.com/facebook/react
• JS component -> native component • LiveReload • Chrome ve Safari ile debug • Flexbox • 3. parti js kütüphaneler
underscore, vs.
React Native
React Native vs. Hibrid
Bir kere öğren bir çok zaman ve yerde kullan
React
Bir kere yaz ve her yerde kullan
Hybrid
Hızla Büyüyen React Native Trendi
Stars
0 4.250 8.500 12.750 17.000
16.047
13.685
React Native Ionic
20 Ağustos 2013 Ionic
29 Ocak 2015 React Native
İlk Commit
Hızla Büyüyen React Native Trendi
20 Ağustos 2013 Ionic
29 Ocak 2015 React Native
İlk Commit
Contributors
0 45 90 135 180
171
140
React Native Ionic
React Native 101
• OSX bir bilgisayar • brew install node watchman flow
Not: flow opsiyonel
• npm i -g react-native-cli • react-native init HarikaProje
React Native Endişelerimiz• Bir kere öğrendikten sonra birçok yerde bunu
kullanmak gerekcek (muhtemelen her platforma ayrı kod)
• Dökümantasyon gerçekten yetersiz • OSX zorunluluğu ve sadece iOS uygulama
üretebilme yeteneği • Android, Windows Phone ve FirefoxOS desteği yok • iOS tarafında Objective-C ile yazılmış
React Native’in Geleceği• Açık kaynak • Hızla büyüyen bir topluluk • Facebook • Tamamen native olduğundan performans • Bir kere öğrendikten sonra her platform
için uygulayabilme rahatlığı
Kaynaklar• React Native websitesi https://facebook.github.io/react-native/ • F8 konferans videoları http://j.mp/introducing-react-native-2015-conf http://j.mp/deep-dive-into-react-native-2015-conf • Egghead.io https://egghead.io/technologies/react • Üstün Özgür’ün Türkçe videosu http://j.mp/react-native-ustun-ozgur-2015 • DevDactic http://j.mp/react-native-for-beginners-devdactic