• Buradasın

    React Native

    Özetteki ilgi çekici içerikler

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

    • Expo SQLite Library Overview

      Provides SQLite API access for React Native apps. Database persists across app restarts. Supports prepared statements for multiple query executions. Includes key-value storage as drop-in replacement

      • docs.expo.dev

    • 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

    • Expo Vector Icons Guide

      @expo/vector-icons library is installed by default in Expo templates. Library includes popular icon sets like FontAwesome and Glyphicons. Custom fonts can be preloaded before rendering

      • docs.expo.dev

    • React Native Tab View Overview

      Cross-platform tab view component using react-native-pager-view for Android/iOS. Follows material design guidelines by default. Supports custom tab bar implementation and bottom positioning. Not integrated with React Navigation

      • reactnavigation.org

    • React Native Image Component Overview

      Displays various image types including network, static, and local resources. Supports multiple formats including png, jpg, bmp, gif, webp, and psd (iOS only). Allows manual specification of dimensions for network and data images

      • reactnative.dev

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

    • JavaScript Learning Guide 2024

      JavaScript powers over 98% of websites and is the most popular programming language. It's beginner-friendly and requires no prior programming experience. Offers versatile development across frontend, backend, mobile, and games

      • hackr.io

    • 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

    • 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

    • App Center React Native SDK Kurulumu

      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

      • learn.microsoft.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 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'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

    • 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 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
  • Yazeka sinir ağı makaleleri veya videoları özetliyor