• Buradasın

    React Native

    Özetteki ilgi çekici içerikler

    • 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 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

    • 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'de Fiyat Kartı Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere React Native'de fiyat kartı bileşeninin nasıl kullanılacağını göstermektedir.. Video, fiyat kartı bileşeninin ne olduğunu açıklayarak başlıyor ve ardından adım adım bir React Native projesi üzerinden nasıl kullanılacağını gösteriyor. Eğitmen, fiyat kartı bileşenini React Native Elements'ten import etme, renk, başlık, fiyat ve bilgi gibi özelliklerin nasıl ayarlanacağını ve butonlara tıklandığında nasıl bir olay işleneceğini kod örnekleriyle anlatıyor. Ayrıca, React Native Elements kullanılmadığında bu tür bir bileşen için özel bir bileşen oluşturmanın da mümkün olduğunu belirtiyor.

      • youtube.com

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

      Bu video, bir eğitim içeriği olup, izleyicilere React Native'de prompt bileşeninin nasıl kullanılacağını adım adım göstermektedir.. Video, prompt bileşeninin temel kullanımını anlatmaktadır. Öncelikle bir React Native projesi oluşturulup Visual Studio Code'da açılarak, gerekli bileşenler (View, Text, Button ve Alert) import edilmektedir. Ardından, kullanıcıdan isim almak için bir prompt oluşturma süreci gösterilmektedir. Prompt'un farklı türleri (default, login password, plain text ve secure text) ve buton seçenekleri (submit ve cancel) detaylı olarak açıklanmaktadır. Video, prompt'un hem Android hem de iOS platformlarında çalıştığını belirterek sonlanmaktadır.

      • 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

    • Blockchain Geliştiricisi Olmak İçin Kapsamlı Eğitim

      Bu video, Meşahin adlı bir eğitimcinin sunduğu, blockchain teknolojisi ve web3 geliştirme konularında detaylı bilgiler içeren bir eğitim içeriğidir. Eğitmen, mobil web geliştirme konusunda deneyimli olduğunu belirtmektedir.. Video, blockchain geliştiricisi olmak için gerekli olan temel becerileri ve teknolojileri adım adım anlatmaktadır. İçerikte İngilizce bilmenin önemi, Web 2.0 ve Web 3.0 arasındaki farklar, frontend teknolojileri (HTML, JavaScript, JSON), GitHub kullanımı, mobil geliştirme platformları (React Native, Flutter), smart kontrat programlama dilleri (Solid, Viper, Solana, Motoko, Go, Solidity), blockchain katmanları (layer zero, layer one, layer two) ve test araçları (Remixer, Ganache, Moka) gibi konular ele alınmaktadır.. Eğitim, özellikle blockchain ve web3 teknolojilerinde ilerlemek isteyenler için faydalı bilgiler sunmaktadır. Eğitmen, kendi deneyimlerini paylaşarak, kütüphane sürüm farklılıklarından kaynaklanan hataların nasıl tespit edileceği ve çözüleceği konusunda pratik bilgiler vermektedir. Ayrıca, kendi hazırladığı bir template üzerinden React Native ve Wallet Connect altyapısıyla oluşturulan projelerin nasıl çalıştığını da göstermektedir.

      • 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 Görüntü Ekleme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere React Native uygulamalarında görüntü ekleme yöntemlerini göstermektedir.. Video, iki ana bölümden oluşmaktadır. İlk bölümde, React Native'de görüntü ekleme için gerekli olan "Image" bileşeninin nasıl kullanılacağı, "require" fonksiyonuyla görüntü dosyalarının nasıl import edileceği ve görüntülere stil uygulanacağı anlatılmaktadır. İkinci bölümde ise, dinamik görüntü ekleme için bir dice (zar) uygulaması örneği üzerinden, kullanıcı düğmesine basıldığında rastgele bir zar görüntüsü nasıl gösterileceği adım adım gösterilmektedir.

      • youtube.com

    • React Native'de Slider Bileşeni Kullanımı

      Bu video, bir eğitim içeriği olup, izleyicilere React Native'de slider bileşeninin nasıl kullanılacağını adım adım göstermektedir.. Video, slider bileşeninin ne olduğunu açıklayarak başlıyor ve ardından React Native Community'den slider bileşeninin nasıl kurulacağını gösteriyor. Daha sonra, slider bileşeninin temel kullanımını, minimum ve maksimum değerlerin nasıl ayarlanacağını, thumb tint renginin nasıl değiştirileceğini ve slider değerlerinin diğer stil özelliklerine nasıl bağlanacağını kod örnekleriyle anlatıyor. Video, slider bileşeninin mesafe, fiyat gibi farklı uygulamalarda nasıl kullanılabileceğini de açıklıyor.

      • youtube.com

    • React Native Eğitim Videosu: Android ve iOS Uygulamaları Geliştirme

      Bu video, "Programming Knowledge" kanalında yayınlanan React Native için başlangıç serisi bir eğitim videosudur. Sunucu, React Native'in ne olduğunu ve avantajlarını anlatmaktadır.. Video, React Native'in tanımı ve temel avantajlarını açıklamaktadır. React Native, Facebook tarafından geliştirilen, JavaScript tabanlı bir framework olup, hem Android hem de iOS için tek bir kod tabanı kullanarak uygulama geliştirme imkanı sunmaktadır. Videoda React Native'in avantajları (tek kod tabanı, hot reload, güçlü performans, güçlü topluluk desteği) ve dezavantajları (kodun karmaşıklığı, başlangıç için zor olması) detaylı olarak anlatılmaktadır. Ayrıca, React Native'in Oberitz, Skype, Instagram ve Discord gibi popüler uygulamalarda kullanıldığı 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

    • 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 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 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'de Radyo Butonları Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere React Native'de radyo butonlarının nasıl oluşturulacağını adım adım göstermektedir.. Video, önceki videolarda öğretilen checkbox bileşeninin yanı sıra radyo butonlarının nasıl oluşturulacağını anlatmaktadır. Eğitmen, checkbox'ların birden fazla seçenek seçilebildiğini, radyo butonlarının ise sadece bir seçenek seçilebildiğini vurgulayarak, üç farklı cinsiyet seçeneği (erkek, kadın, diğer) içeren bir örnek uygulama oluşturur. Uygulama, kullanıcıdan isim ve cinsiyet bilgilerini alarak, seçilen cinsiyet bilgisini ekranda gösteren bir form şeklinde tasarlanmıştır.

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