• Buradasın

    React Native

    Özetteki ilgi çekici içerikler

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

    • Sıfırdan React Native Kursu Tanıtımı

      Bu video, sıfırdan React Native kursuna giriş yapan bir eğitim içeriğidir. Eğitmen, kursun içeriğini adım adım anlatmaktadır. Video, React Native öğrenmenin temel aşamalarından başlayarak ileri seviye konulara kadar uzanan kapsamlı bir kurs yapısını sunmaktadır. Kurs içeriğinde kurulumlar, temel emülatör kontrolleri, stillendirme, navigation işlemleri, kamera kullanımı, animasyonlar, harita kullanımı, state yönetimi (MobX), web servis bağlantısı, gerçek zamanlı veri aktarımı (Socket.IO), stil bileşenleri, arka plan işlemleri, bildirim yönetimi, GraphQL ve Apollo gibi konular ele alınmaktadır. Her konu, teorik bilgilerin yanı sıra pratik projelerle desteklenmektedir.

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

    • Kusur ve Firebase ile Sosyal Medya Uygulaması Geliştirme Eğitimi

      Bu video, bir eğitmen tarafından sunulan teknik bir eğitim içeriğidir. Eğitmen, Kusur, React Native Expo ve Firebase kullanarak basit bir sosyal medya uygulaması oluşturma sürecini adım adım göstermektedir. Videoda, sosyal medya uygulamasının temel giriş ve kayıt işlemleri ile başlayıp, takip etme, gönderi paylaşma, arkadaşlık ekleme ve mesajlaşma gibi özelliklerin nasıl ekleneceği anlatılmaktadır. Eğitmen, BBB ve CCC adlı iki kullanıcı üzerinden örnek uygulamalar oluşturarak, Firebase'de kullanıcıların arkadaş listelerini ve mesajlaşma verilerini nasıl saklayabileceğini göstermektedir. Eğitim, uygulamanın hem cep telefonu hem de web üzerinden test edilmesi ile devam etmekte ve izleyicilerin yorumlarda devam isteği belirtmesi durumunda devam edeceğini belirterek sonlanmaktadır.

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

    • Ders Çalışma ve Motivasyon Videosu

      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.

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