Bu video, bir eğitmen tarafından sunulan React Native projesinde refactor etme sürecini anlatan bir yazılım eğitim içeriğidir.. Videoda, büyük projelerde tekrar eden kodları komponent haline getirerek toparlama süreci adım adım gösterilmektedir. İlk olarak app.js dosyası navigation ve tema ayarları gibi bölümlere ayrılır, ardından search sayfasındaki suggestion card ve flat list kodları komponent haline getirilir. Son olarak ana sayfadaki animasyonlu arama kutusu ve status bar'ı ayrı komponentlere dönüştürülerek, ana sayfanın 83 satıra indirgenmesi gösterilir.. Eğitim, state yönetimi, prop kullanımı ve komponentler arasındaki iletişim konularını ele alarak, kod tekrarını önlemek için tüm parçaları komponent yapmanın önemini vurgulamaktadır. Ayrıca geliştirme sürecinde önce ilerleyip sonra refactor etmenin gerekliliği belirtilmektedir.
Native geliştirme, platforma özel programlama dilleriyle yapılır. Çapraz platform geliştirme, Flutter, React Native gibi araçlarla gerçekleştirilir. Mobil web geliştirme, PWA'lar aracılığıyla mobil uygulama deneyimi sunar
Cross platform, farklı işletim sistemleri arasında uyumlu uygulama geliştirmeyi sağlar. Tek kod tabanı ile birden fazla platformda uygulama oluşturulabilir
Bu video, bir eğitim içeriği olup, konuşmacı React Native'deki temel flex yapısını anlatmaktadır.. Video, React Native'de flex yapısının nasıl kullanılacağını adım adım göstermektedir. Konuşmacı, bir proje üzerinde konteyner oluşturma, view elemanlarını ekleme, flex değerlerini ayarlama, flex direction, justify content ve align items gibi temel flex özellikleri hakkında bilgi vermektedir. Video, flex yapısının temel mantığını gösteren örneklerle ilerlemekte ve konuşmacı, bu konunun iki parça süreceğini belirtmektedir.
React Native 0.34 veya üzeri gereklidir. Android 5.0/API düzeyi 21 veya iOS 9.0 üzeri hedeflenmelidir. iOS'ta kilitlenme raporlama için başka kitaplık kullanılmamalıdır
React Native, React projelerinin mobil platforma uyarlanmasında tercih edilir. Geliştirme için Node, Watchman, Xcode ve React Native CLI gereklidir. macOS'ta Homebrew ve Gem paket yönetim sistemleri kullanılabilir
Bu video, bir eğitim içeriği olup, izleyicilere React Native kullanarak kendi butonlarını nasıl oluşturabileceklerini adım adım göstermektedir.. Videoda, React Native'de buton oluşturma süreci detaylı olarak anlatılmaktadır. Önce bir "buton.js" dosyası oluşturulup, React Native'den gerekli komponentler import edilmektedir. Ardından TouchableOpacity ve Text komponentleri kullanılarak buton yapısı oluşturulmakta, onPress olayı eklenmekte ve CSS stilleri uygulanmaktadır. Son olarak, oluşturulan butonun detay sayfasına nasıl ekleneceği gösterilmekte ve uygulama test edilmektedir.
Bu video, bir kişinin ders çalışırken çektiği ve izleyicilerle interaktif bir deneyim sunan bir içeriktir. Konuşmacı, izleyicilerle birlikte motivasyon ve çalışma rutini oluşturmayı amaçlamaktadır.. Videoda konuşmacı, ders çalışmak için uygun bir ortam arayışında olduğunu ve izleyicilerle birlikte motivasyonel bir sinerji yaratmak istediğini belirtiyor. Açıklamada bir PDF dosyası paylaşılarak 30 konulu boş bir liste sunuluyor ve izleyicilerden yorum kısmına çalışacakları konuları yazmaları isteniyor. Konuşmacı kendi kendine React Native programlama dilini öğrenmeye başlayarak mobil uygulama geliştirme konusunda kendini geliştirmeyi amaçlıyor ve izleyicilerle birlikte çalışma rutini oluşturmayı hedefliyor.
Facebook tarafından geliştirilen cross-platform mobil uygulama geliştirme framework'üdür. Tek bir dil ile Android ve iOS platformlarında uygulama geliştirmeyi sağlar. JSX formatında kod yazarak cihaz ile arayüz arasında köprü görevi görür
Bu video, bir eğitmen tarafından facecam ile sunulan React Native uygulama geliştirme eğitimidir. Eğitmen, Sivasspor uygulaması geliştirme sürecini adım adım göstermektedir.. Videoda, bir uygulama geliştirme serisinin bir parçası olarak login, sign up ve welcome page oluşturma işlemleri anlatılmaktadır. Eğitmen, logo komponenti oluşturma, kullanıcı adı ve şifre alanları ekleme, state ve fonksiyon tanımlama gibi temel React Native konularını ele almaktadır.. Eğitim, yaklaşık bir ay bir buçuk içinde tamamlanacak bir uygulama geliştirme sürecinin bir parçasıdır. Bir sonraki derslerde web servis entegrasyonu, token alma, API kullanımı ve Sivasspor haberlerini çekme gibi konular işlenecektir.
React Native, Facebook'un geliştirdiği tek kod tabanlı mobil uygulama framework'üdür. Framework hem iOS hem Android platformları için kullanılabilir
Bu video, bir eğitim içeriği olup, konuşmacı React Native mobil uygulama geliştirme konusunda bilgi vermektedir. Konuşmacı, daha önce web geliştirme yapmış biri olarak React Native'e geçiş yapmaktadır.. Video, React Native'in temel komponentlerini (View, Text, Image, ScrollView, TextInput) tanıtmaktadır. Konuşmacı, React Native'in web geliştirme standartlarından farklı olarak native komponentlere dönüştürdüğünü ve bu nedenle HTML ve CSS kullanılamadığını açıklamaktadır. Ayrıca, React Native'de yazıların her zaman Text komponentinin içinde yerleştirilmesi gerektiğini ve stil işlemleri için ayrı bir bölüm olacağını belirtmektedir. Video, bir serinin parçası olup, bir sonraki bölümde stil işlemleri anlatılacağı belirtilmektedir.
Bu video, Abdurrahman adlı bir eğitmen tarafından sunulan React Native uygulama geliştirme eğitim serisinin bir parçasıdır.. Eğitim, uygulamanın oturum yönetimi için local storage kullanımı ve Navigator yerine Router Flux router'ının nasıl kullanılacağını anlatmaktadır. İlk bölümde local storage ile oturum doğrulama sistemi oluşturma ve otomatik yönlendirme gösterilirken, ikinci bölümde React Router ile değişkenlerle ilgili yapılandırma, navigasyon işlemleri ve geri butonlarının yönetimi anlatılmaktadır.. Eğitim, bir serinin sonu olarak sunulmuş olup, izleyicilerin sorularını yanıtlayacağı belirtilmiştir. Ayrıca, Router Flux'ın Navigator'a göre avantajları ve dökümandaki API configuration bölümünden nasıl bilgi edinebileceğimiz de açıklanmaktadır.
Bu video, Ouzomerra Çakmak tarafından sunulan teknik bir sunumdur. Konuşmacı, Airties'da staj yapmış, Mynet'te iOS developer olarak çalışmış, San Francisco'da Uber'de full stack developer olarak görev yapmış ve şu anda San Francisco'da In and Horse'de çalışan bir yazılım geliştiricisidir.. Sunum, mono repo, cross platform app development, React Native ve web geliştirme kavramlarını tanımlayarak başlıyor ve Him-Senses adlı e-ticaret ve tele-tıp platformunda geliştirilen mono repo projesini detaylı olarak anlatıyor. Video, React Native'in çalışma prensibi, bridge mekanizması, performans özellikleri, mono repo avantajları, kod paylaşımı, type-safe kodlama ve proje mimarisi gibi konuları ele alıyor.. Sunumda ayrıca data layer'ı mono repo'ya entegre etme, platform agnostik navigation çözümü, isomorfizm kavramı, patch package kullanımı, component yapısı, core bölümü, storybook kullanımı, duck yaklaşımı ve styled components gibi geliştirme teknikleri de anlatılmaktadır. Video, mobil dağıtım yöntemleri, güvenlik özellikleri ve özel bir preview link sistemi geliştirme süreci ile sonlanmakta ve mono repo'ya başlamak isteyenler için kaynaklara yönlendirme yapılmaktadır.
Bu video, bir eğitmen tarafından sunulan React Native ve Firebase kullanarak veri gösterimi ve animasyon ekleme konulu bir eğitim serisinin 17. bölümüdür.. Video, üç ana bölümden oluşmaktadır: İlk bölümde Firebase'den çekilen verilerin React Native'in FlatList bileşeni ile nasıl görüntüleneceği, keyExtractor ve renderItem fonksiyonlarının kullanımı anlatılmaktadır. İkinci bölümde FlatList'in stilini düzenleme, ekran kaplamasını ayarlama ve flexbox özellikleri gösterilmektedir. Son bölümde ise Reanimated paketi kullanılarak veri listelerinin, butonların ve diğer bileşenlerin animasyonlu hale getirilmesi adım adım açıklanmaktadır.. Eğitim, iOS'ta ekran taşma sorununu çözmek için SafeAreaView kullanımı, animasyonların gecikme süresi (delay), süresi (duration) ve farklı animasyon türleri (fade, bounce, pinville, phillips) gibi detayları da içermektedir. Ayrıca, custom butonlar ve FlatList gibi bileşenlerin animasyonlu hale getirilmesi için createAnimatedComponent kullanımı da gösterilmektedir.
Bu video, Flutter ve React Native gibi çok platformlu framework'leri karşılaştıran bir eğitim içeriğidir.. Video, öncelikle React Native'in tanıtımıyla başlayıp, Facebook ve Instagram gibi şirketlerin kullandığı bu framework'in özelliklerini anlatmaktadır. Ardından Flutter'un Dart programlama diline dayandığı ve Sky Engine render engine kullanıldığı belirtilmektedir. İki framework arasındaki farklar, dil desteği, kod yenileme hızı ve platform uyumluluğu gibi konular ele alınmaktadır. Ayrıca Visual Studio Code ve Xcode gibi geliştirme araçlarının kullanımı da videoda yer almaktadır.
Bu video, Sow Zone kanalında Ali tarafından sunulan bir eğitim içeriğidir. Ali, mobil uygulama geliştirme eğitim serisinin bir parçası olarak Screen komponentinin özelliklerini detaylı şekilde anlatmaktadır.. Video, Screen komponentinin temel özelliklerini adım adım göstermektedir. Ali, ekranın yatay ve dikey hizalama, arka plan rengi, arka plan resmi, navigasyon barı rengi, açılış animasyonu, ekran yönlendirmesi, kaydırılabilirlik, menü seçenekleri, durum çubuğu gösterimi, başlık ve alt başlık ayarları gibi özelliklerin nasıl kullanılacağını emülatör üzerinde uygulamalı olarak göstermektedir. Ayrıca, ilerleyen derslerde sol taraftaki menüye geçilerek diğer bileşenlerin de tanıtılacağı belirtilmektedir.
Bu video, kendi şirketinde React Native üzerinde çalışan bir eğitmen tarafından sunulan eğitim serisinin ilk bölümüdür.. Video, React Native'in ne olduğu, popülerliği ve kullanım alanları hakkında bilgiler vererek başlıyor, ardından kurulum sürecini anlatıyor. Daha sonra React Native'in temel bileşenleri (platform, device, textview, text input, scroll view, dimension, asenkron storage), flex yapısı, fontlar ve animasyonlar gibi tasarım özellikleri tanıtılmaktadır. Ayrıca React Navigation ve Material Tep gibi navigasyon kütüphaneleri, kod düzenleme ayarları ve Android cihazında uygulama çalıştırma süreci de gösterilmektedir.. Eğitmen, React Native'in temel komutlarını, test yazma yöntemlerini ve Redux gibi state management yapılarını da ele almayı planladığını belirtiyor. Video, bir React Native projesinin nasıl oluşturulduğu ve çalıştırıldığı pratik bir örnekle devam ediyor.
Bu video, bir konuşmacı tarafından sunulan mobil uygulama geliştirme eğitimidir. Konuşmacı, önceki hafta yapay zeka yazma deneyimini paylaştıktan sonra bu hafta mobil uygulama geliştirme konusuna odaklanmaktadır.. Video, mobil uygulama geliştirme sürecinin tüm aşamalarını kapsamaktadır. Önce kağıt üzerinde UX/UI tasarım yaparak başlayıp, ardından React Native, Express.js ve Firebase gibi teknolojileri kullanarak üç sayfalık bir not uygulaması geliştirmektedir. Eğitim, uygulamanın geliştirilme sürecini adım adım göstermekte ve sonunda uygulamanın tamamlanmasıyla sona ermektedir.. Videoda not oluşturma, ekleme ve silme işlemlerinin nasıl yapıldığı gösterilmekte, uygulamanın Instagram örneği üzerinden açıklanmakta ve uygulamanın GitHub'a yükleneceği belirtilmektedir.