• Buradasın

    React Native

    Özetteki ilgi çekici içerikler

    • Screen Komponenti Özellikleri Eğitim Videosu

      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.

      • youtube.com

    • React Native Projesinde Refactor Etme Eğitimi

      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.

      • youtube.com

    • React Native'de Navigasyon ve Login Ekranı Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı izleyicilerin sorularına cevap vererek React Native'de navigasyon sistemi ve login ekranı oluşturma konusunu anlatmaktadır. Video, React Native'de navigation native stack kullanarak login ekranından home ekranına yönlendirme işlemini adım adım göstermektedir. İçerikte önce gerekli paketlerin kurulumu, ardından login ve home ekranlarının oluşturulması, form elemanlarının (username ve password input) eklenmesi ve navigasyon fonksiyonunun yazılması anlatılmaktadır. Ayrıca, neden fonksiyon komponentinin class komponentine tercih edildiği de açıklanmaktadır. Video, basit bir login sistemi örneği üzerinden navigasyon sisteminin temel kullanımını göstermektedir.

      • youtube.com

    • React Native Uygulama Geliştirme Eğitimi

      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.

      • youtube.com

    • React Native ile Yapılacaklar Listesi Uygulaması Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere React Native kullanarak basit bir yapılacaklar listesi uygulaması oluşturma sürecini adım adım göstermektedir. Video, React Native uygulamasının kurulumundan başlayarak, uygulama oluşturma ekranının tanıtımına ve temel kullanımına kadar uzanmaktadır. Eğitmen, "Cursor" adlı bir uygulama kullanarak, metin girişi yaparak kodların otomatik olarak oluşturulmasını göstermekte ve ardından bu kodları cep telefonunda test etmek için Expo uygulamasını kullanmaktadır. Uygulama, yeni görev ekleme, görevler listesini görüntüleme, tamamlananlar ve devam edenler sekmeleri gibi temel özelliklere sahiptir.

      • youtube.com

    • React Native Modal Kullanımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan React Native programlama dili eğitim serisinin bir bölümüdür. Eğitmen, izleyicilerle birlikte kod yazarak modal kullanımını göstermektedir. Video, React Native'de modal kullanımı hakkında detaylı bilgiler sunmaktadır. Eğitmen önce bir modal kütüphanesi kullanarak modal oluşturma sürecini göstermekte, ardından state yönetimi, modal açma ve kapatma fonksiyonlarını anlatmaktadır. Ayrıca modalın görünümünü ayarlamak için style özellikleri ve animasyon seçenekleri (none, slayt, fade) hakkında bilgi verilmektedir. Video boyunca eğitmen, kod yazarken izleyicilere adım adım açıklamalar yaparak modal kullanımını pratik bir şekilde göstermektedir.

      • youtube.com

    • React Native Komponentleri Eğitim Videosu

      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.

      • youtube.com

    • React Native Uygulamasında Local Storage ve Router Kullanımı Eğitimi

      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.

      • youtube.com

    • Bulut Bilişim ve Uygulama Geliştirme Eğitimi

      Bu eğitim videosunda robotik mühendisi olan bir konuşmacı, bulut bilişim kavramını ve uygulama geliştiricileri için faydalarını anlatıyor. Video, bulut bilişimin tanımı ile başlayıp dünyanın en büyük bulut bilişim sistemlerini tanıtıyor ve günlük hayattaki kullanımını örneklerle açıklıyor. Daha sonra React Native ile Firebase bağlantısı kurma konusuna geçiyor ve izleyicilerden yorumlarda isteklerini yazmalarını istiyor. Videoda ayrıca Google Admob, yapay zeka hizmetleri gibi bulut tabanlı araçların uygulama geliştirme sürecindeki kullanım alanları ve avantajları da anlatılıyor. Konuşmacı, bu serinin devamında daha detaylı bilgiler sunulacağını belirtiyor.

      • youtube.com

    • React Native ve Firebase ile Veri Gösterimi ve Animasyon Eğitimi

      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.

      • youtube.com

    • React Native'de Temel Flex Yapısı Eğitimi

      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.

      • youtube.com

    • React Native ve Mono Repo Geliştirme Sunumu

      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.

      • youtube.com

    • React Native'de Lokasyon ve Harita Kullanımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan React Native programlama dili ile lokasyon ve harita kullanımı hakkında kapsamlı bir eğitim dersidir. Video, React Native'de lokasyon bilgisi almak için "react-native-location" paketinin yükleme ve kullanımı ile başlayıp, Google Maps API key'i oluşturma ve projeye entegre etme sürecini göstermektedir. Ardından React Native Maps paketi kullanılarak harita ekranı oluşturma, harita türünü değiştirme, kullanıcı konumunu gösterme, marker ekleme ve çeşitli event'leri yakalama gibi temel özellikler anlatılmaktadır. Eğitim, harita üzerinde interaktif özellikler eklemek için marker üzerine tıklama, sürükleme ve açıklama ekleme gibi özelliklerin yanı sıra, harita üzerinde özel bölgeler oluşturmak için polygon kullanımı gibi ileri seviye konuları da kapsamaktadır. Video, bir sonraki React Native dersine veda ederek sona ermektedir.

      • youtube.com

    • React Native ve JavaScript Unit Testing Eğitimi

      Bu video, bir eğitmen tarafından sunulan React Native ve JavaScript için kapsamlı bir unit testing eğitim dersidir. Video, unit testing'in önemi, farklı test framework'leri (Jest, Mocha, React Testing Library) ve code coverage kavramları ile başlayıp, Jest'in temel kullanımını, describe ve it blokları, expect fonksiyonları gibi yapıları detaylı şekilde anlatmaktadır. Eğitim, senkron ve asenkron test senaryoları, fake timer kullanımı, promise testleri ve spy konsepti gibi pratik konuları içermektedir. Eğitimde ayrıca test kodlarının temiz ve disiplinli yazılması, her iterasyonda yeni bir instance oluşturulması, testlerin birbirini etkilememesi gibi önemli prensipler vurgulanmaktadır. Büyük projelerde database simülasyonu yapma, fake database oluşturma ve backend testleri için dikkat edilmesi gereken noktalar da ele alınmaktadır. Visual Studio Code'da Jest ile debug yapılandırması yapma konusuna da değinilmektedir.

      • youtube.com

    • React Native Kursu Giriş Videosu

      Bu video, bir eğitim serisinin ilk bölümü olup, konuşmacı React Native uygulamaları hakkında bilgi vermektedir. Video, React Native uygulamalarının iki farklı türünü (Expo kütüphanesi ile yapılan ve normal React Native ile yapılan) tanıtarak başlıyor. Konuşmacı, bu kursta normal React Native kullanacağını belirtiyor ve izleyicilere React Native'i nasıl kuracaklarını açıklıyor. Video, bir sonraki bölümde görüşmek üzere sona eriyor.

      • youtube.com

    • React Native'de Buton Oluşturma Eğitimi

      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.

      • youtube.com

    • React Native Eğitim Serisi: İlk Ders

      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.

      • youtube.com

    • Sıfırdan Mobil Uygulama Geliştirme Eğitimi

      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.

      • youtube.com

    • React Native'de SQLite Kullanımı Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere React Native'de SQLite veritabanı kullanımını adım adım göstermektedir. Video, SQLite'in ne olduğunu açıklayarak başlıyor ve ardından React Native'de SQLite Storage paketinin nasıl kurulacağını gösteriyor. Daha sonra, veritabanı oluşturma, tablo tanımlama, kayıt ekleme, okuma, silme ve güncelleme işlemlerinin nasıl yapılacağını kod örnekleriyle anlatıyor. Özellikle offline çalışma imkanı sunan SQLite'in, uzak sunucudan çekilen verilerin telefonun kendi içinden okunabilmesi gibi avantajları vurgulanıyor.

      • youtube.com
  • Yazeka sinir ağı makaleleri veya videoları özetliyor