• Buradasın

    React

    Özetteki ilgi çekici içerikler

    • React Uygulaması Kurulum Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı React uygulamalarının nasıl kurulacağını adım adım göstermektedir. Video, Facebook tarafından geliştirilen ve GitHub'da 98 bin yıldız alan Create React App (CRA) aracının tanıtımını içeriyor. Konuşmacı, CRA'nın web sayfasından quick start yaparak basit bir React projesi oluşturma sürecini gösteriyor. Kurulum sonrası proje dosyasının yapısı detaylı olarak inceleniyor ve source, public, notes gibi klasörlerin içeriği açıklanıyor. Video, bir serinin parçası olup, sonraki videoda bu dosyaların tek tek inceleneceği belirtiliyor.

      • youtube.com

    • React ve Redux Eğitim Serisi: İlk Proje Oluşturma

      Bu video, bir eğitim serisinin üçüncü bölümü olup, bir eğitmen tarafından React ve Redux kullanarak basit bir web uygulaması oluşturma sürecini göstermektedir. Video, React ve Redux ile bir proje oluşturma sürecini adım adım anlatmaktadır. Eğitmen önce temel dosyaları (index.js, App.js, Store.js) oluşturup, React ve Redux kütüphanelerini import etmeyi, ardından React Router ile sayfa yönlendirmesini ve Redux store'larını oluşturmayı göstermektedir. Eğitim serisinin stratejisi, önce CC React classs yapısı ile projeyi oluşturup uçtan uca ayağa kaldırmak, sonra aynı projeyi birebir COCATE yapıp React hooks olarak dönüştürmek ve bu dönüşüm sırasında hook kullanımını öğrenmek şeklinde ilerlemektedir.

      • youtube.com

    • Angular ve React Karşılaştırması

      Bu video, bir yazılım geliştiricisinin Angular ve React framework'lerini karşılaştırdığı bir eğitim içeriğidir. Konuşmacı, iki popüler framework'in her ikisinin de güçlü yanları olduğunu ancak kendi tercihini Angular'a verdiğini açıklıyor. Angular'ın tek başına tüm gerekli araçları (toolbox) içerdiğini, React'in ise sadece temel araçları (çekiç, çivi, testere) sunduğunu ve kalan ihtiyaçları kullanıcının kendisinin bulması gerektiğini anlatıyor. Ayrıca Angular'ın kurumsal uygulamalarda daha tercih edildiğini, çünkü Angular'da kullanılan kütüphanelerin daha uzun süre desteklendiğini belirtiyor.

      • youtube.com

    • Laravel 8 ile Backend Oluşturma ve React ile CRM Projesi Eğitimi

      Bu video, bir eğitim seti tanıtımıdır. Eğitmen, Laravel 8 ile backend oluşturma ve React kullanarak interaktif bir web CRM projesi oluşturma kursunun içeriğini anlatmaktadır. Kurs, Laravel 8 altyapısı ile API oluşturma, JWT token kullanımı, kullanıcı kayıt ve giriş işlemleri, müşteri oluşturma, ürün ekleme, kategori oluşturma, stok işlemleri ve profil düzenleme gibi konuları kapsamaktadır. Eğitmen, bu kurs sayesinde izleyicilerin güncel teknolojileri kullanarak kendi projelerini oluşturabileceklerini ve iş bulma süreçlerinde bu bilgileri kullanabileceklerini belirtmektedir.

      • youtube.com

    • React'te On Click ile Arka Plan Renkini Değiştirme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere React'te on click olayı ile arka plan rengini nasıl değiştirebileceklerini adım adım göstermektedir.. Video, temel bir React uygulaması üzerinde çalışarak başlıyor. Önce useState hook kullanılarak renk değişkeni tanımlanıyor, ardından bir buton oluşturuluyor ve on click fonksiyonu ile renk değişkeni güncelleniyor. Son olarak useEffect hook kullanılarak arka plan rengi değiştiriliyor. Video boyunca kod yazımı ve hata düzeltme süreçleri gösteriliyor, böylece izleyiciler React'te event handling ve state yönetimi konularını öğrenebilirler.

      • youtube.com

    • React ve Next.js ile Web Uygulaması Geliştirme Eğitimi

      Bu video, Adem İltar tarafından sunulan bir web geliştirme eğitim serisinin bir bölümüdür. Eğitmen, izleyicilerden gelen yorumları ve sorunları ele alarak uygulamayı geliştirmektedir. Videoda, React ve Next.js framework'lerinde web uygulaması geliştirme süreci adım adım anlatılmaktadır. İçerik, side bar tamamlanması, buton komponenti oluşturma (link button ve base button), navigation komponenti stillendirilmesi, yeni sayfaların (explore, notification, messages, bookmark, list, profile) oluşturulması ve router kullanımı ile sayfa geçişlerinin yönetimi konularını kapsamaktadır. Eğitmen, kod hiyerarşisini düzenleyerek importları daha düzenli hale getirmekte, Twitter logosunun boyutunu düzeltmekte ve hover efektlerini ayarlamaktadır. Ayrıca, bir sonraki derste tema değiştirme özelliğinin nasıl ekleneceği hakkında bilgi verilmekte ve bu özelliğin sayfadaki değişkenler ve renklerle nasıl entegre edileceği açıklanmaktadır.

      • youtube.com

    • React Komponent Yapısı ve Kullanımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan React programlama dili eğitim serisinin bir bölümüdür. Eğitmen, Enes adında bir kişiyle birlikte dersi anlatmaktadır. Video, React'te komponent yapısını ve kullanımını detaylı şekilde ele almaktadır. İlk bölümde komponent kavramı açıklanarak, bir komponentin bir bileşen veya yapı olduğu ve tekrar tekrar farklı yerlerde kullanılabileceği anlatılmaktadır. İkinci bölümde ise "export default" ve "export" arasındaki farklar somut örneklerle açıklanmakta, komponentlerin nasıl dışa aktarılacağı ve farklı komponentlerde nasıl kullanılacağı gösterilmektedir. Eğitim içeriğinde "app" komponentinin tüm komponentlerin ana komponenti olduğu ve bu komponentin içinde "login" gibi alt komponentlerin oluşturulup kullanılabileceği vurgulanmaktadır. Ayrıca fragment kullanımı ve komponentlerin tekrar tekrar kullanılabilir özelliği de adım adım gösterilmektedir.

      • youtube.com

    • React ve TypeScript ile Forward Ref ve Use Imperative Handle Eğitimi

      Bu video, bir eğitim içeriği olup, eğitmen React ve TypeScript kullanarak forward ref ve use imperative handle konularını adım adım göstermektedir. Video, öncelikle forward ref kavramını örneklerle açıklamaktadır. Eğitmen, bir buton komponenti oluşturarak, bu komponentin referansını nasıl alabileceğimizi ve bu referansı kullanarak komponentin metodlarına nasıl erişebileceğimizi göstermektedir. Daha sonra use imperative handle konusuna geçerek, bu yöntemin özellikle tuhaf komponentler, modalar veya data table gibi bileşenler için nasıl faydalı olabileceğini anlatmaktadır. Video boyunca kod yazarak ve örnekler üzerinden konular somutlaştırılmaktadır.

      • youtube.com

    • Programlama Dillerinde Debugging Eğitimi

      Bu video, bir eğitmen tarafından sunulan programlama dillerinde debugging konusunu anlatan eğitim içeriğidir. Eğitmen, kendi kullandığı yöntemleri paylaşarak izleyicilere adım adım rehberlik etmektedir. Video, önce React programlama dilinde debugging yapmanın önemini vurgulayarak başlıyor ve npm create ile yeni bir React projesi oluşturma sürecini gösteriyor. Ardından Java programlama dilinde büyük kod yapılarında hata ayıklama yöntemlerini anlatıyor. Eğitmen, "ortalama bul" fonksiyonu üzerinden debugger kullanımı, fonksiyonların nasıl çağrıldığı ve adım adım kodun nasıl takip edileceği konusunu detaylı şekilde açıklıyor. Eğitim içeriğinde input elementleri, butonlar, onChange event'i, tür dönüşümü ve fonksiyonlar gibi temel JavaScript kavramları kullanılarak hata ayıklama teknikleri gösteriliyor. Ayrıca konsola değer yazdırma ve debugger kullanımı arasındaki farklar da ele alınmakta, gerçek hayattan prim hesaplama örneği üzerinden hata ayıklama teknikleri gösterilmektedir.

      • youtube.com

    • Yazılım Öğrenme Sürecinde Zorluklar ve Çözüm Yolları

      Bu video, bir konuşmacının kendi deneyimlerini paylaşarak yazılım öğrenme sürecindeki zorlukları anlattığı eğitim içeriğidir. Konuşmacı, Udemy platformunda back and front-end eğitimleri izleyen ancak kendi projelerini geliştirmekte zorlanan izleyicilere hitap ediyor. Video, yazılım öğrenme sürecinde karşılaşılan psikolojik zorlukları ve bunların nasıl aşılacağını ele alıyor. Konuşmacı, tutorial izleyerek kodlamayı öğrenmenin kolay olduğunu ancak kendi projelerini geliştirmekte zorlandığını anlatarak, bu durumu aşmak için kendi deneyimlerini paylaşıyor. Bisiklete binme benzetmesiyle öğrenme sürecinin adım adım ilerlediğini ve kendi kendine güvenmenin önemini açıklıyor. Konuşmacı ayrıca React öğrenme sürecinde yaşadığı zorlukları ve bu zorlukları nasıl aşmayı başardığını anlatıyor. Tutorial'ları takip etmenin önemini vurgularken, kendi projelerinizi yazmanın ve küçük parçalara bölmek gibi pratik tavsiyeler veriyor. Yazılım öğrenmenin zeki olmak değil, iş disiplini ve düzenli çalışma ile mümkün olduğunu belirtiyor ve izleyicilere umutsuzluğa düşmemeleri, doğru planlamalarını yapmaları ve kendilerini acımasızca eleştirmeleri konusunda destek oluyor.

      • youtube.com

    • React'te Tablo Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere React'te kütüphane kullanmadan tablo oluşturma sürecini adım adım göstermektedir.. Video, React'te tablo oluşturma sürecini detaylı bir şekilde anlatmaktadır. Önce React'in Strict Mode özelliğinin ne olduğunu ve nasıl devre dışı bırakılacağını açıklar, ardından veri oluşturma, useState hook kullanımı, Row ve Table bileşenlerinin oluşturulması ve map fonksiyonu ile tabloların nasıl render edileceği gösterilir. Ayrıca, tablo render edilirken dikkat edilmesi gereken noktalar (tbody kullanımı, key ekleme) ve sık yapılan hatalar (map fonksiyonunda brackets kullanımı) hakkında bilgiler verilmektedir.

      • youtube.com

    • React'te useEffect Hook ile API Verisi Çekme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere React'te useEffect hook'unu kullanarak API verisi çekme işlemini adım adım göstermektedir.. Videoda, VS Code'da temel bir React uygulaması kullanılarak, weatherapi.com API'sinden Londra'daki sıcaklık bilgisini çekme işlemi anlatılmaktadır. Eğitmen, useEffect hook'unu nasıl kullanacağını, async ve await anahtar kelimelerini nasıl uygulayacağını, fetch fonksiyonunu nasıl çağıracağını ve API'den gelen JSON verisini nasıl işleyeceğini göstermektedir. Ayrıca, her yenileme işleminde API'den gelen güncel sıcaklık bilgisinin nasıl güncelleneceği de açıklanmaktadır.

      • youtube.com

    • React'te Dinamik Tabloda Satır Silme Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı önceki bir React tablosunda satır silme işlemini nasıl uygulayacağını göstermektedir.. Videoda, React'te dinamik bir tabloda satır silme işleminin adım adım nasıl yapılacağı anlatılmaktadır. Öncelikle "deleteRow" fonksiyonu oluşturulur, ardından bu fonksiyonun tablo ve satır bileşenlerine nasıl prop olarak aktarılacağı gösterilir. Ayrıca, React'te state nesnelerini doğrudan değiştiremeyeceğimiz için, array'leri kopyalamak için spread operatörü kullanımı ve array map fonksiyonu ile satırların nasıl render edileceği detaylı olarak açıklanmaktadır. Video, Los Angeles, New York, San Francisco, London ve Seattle gibi şehirlerin silinmesiyle sonlanmaktadır.

      • youtube.com

    • Gatsby Eğitim Serisi: İlk Ders

      Bu video, bir eğitim serisinin ilk bölümü olup, konuşmacı Gatsby hakkında temel bilgiler vermektedir.. Video, Gatsby'nin ne olduğunu açıklayarak başlıyor ve statik site jeneratörü (SSG) olarak tanımlanıyor. Konuşmacı, farklı web geliştirme yaklaşımlarını (geleneksel statik siteler, tek sayfalık uygulamalar, sunucu taraflı renderlenen siteler ve Gatsby) karşılaştırarak, Gatsby'nin bu yaklaşımların avantajlarını birleştirdiğini anlatıyor. Eğitim serisi, bir portföy sitesi oluşturma örneği üzerinden Gatsby'nin nasıl kullanılacağını gösterecek ve izleyicilere React, Node.js ve Git gibi temel araçların kurulumunu öneriyor.

      • youtube.com

    • React Hook ve Context API Kullanımı Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı React'teki Hook konsepti ve Context API kullanımını adım adım göstermektedir. Video, iki ana bölümden oluşmaktadır. İlk bölümde useState hook'unun temel kullanımı, iki farklı komponent (First ve Second) oluşturma ve global değişkenlerin Store adlı bir komponent üzerinden nasıl yönetilebileceği anlatılmaktadır. İkinci bölümde ise Context API'nin kullanımı, store oluşturma, context tanımlama, useContext hook'u ile context'e erişim, provider kullanımı ve iç içe context yapısı oluşturma konuları örneklerle açıklanmaktadır. Video boyunca kod yazımı ve uygulama çalıştırılması ile konular somutlaştırılmakta, ayrıca buton tıklaması ile state değerlerinin nasıl güncellenebileceği de gösterilmektedir.

      • youtube.com

    • React Kurulum Rehberi

      Bu video, bir eğitim içeriği olup, izleyicilere React kurulumunu adım adım gösteren bir rehberdir. Video, React kurulumunun temel aşamalarını kapsamaktadır. Öncelikle Node.js'nin kurulumu, ardından Visual Studio Code kullanarak React uygulamasının oluşturulması gösterilmektedir. Kurulum süreci boyunca npm komutlarının kullanımı, terminal üzerinden React projesinin başlatılması ve localhost üzerinden projenin çalıştırılması detaylı olarak anlatılmaktadır. Video, bir sonraki derslerde React projelerinin yapılacağı bilgisiyle sonlanmaktadır.

      • youtube.com

    • React Eğitim Kursu Tanıtımı

      Bu video, Yaman Katby tarafından sunulan bir React eğitim kursunun tanıtım bölümüdür. Yaman, izleyicilere React'in ne olduğunu ve neden öğrenmeleri gerektiğini anlatmaktadır. Video, React'in kısa bir tanıtımıyla başlayıp, kullanıcı arayüzleri oluşturmak için en popüler JavaScript kütüphanesi olduğunu vurgulamaktadır. Ardından kursun içeriği detaylı olarak anlatılmakta, sıfırdan yeni bir uygulama oluşturma, API istekleri yapma, React hookları kullanma, TypeScript ekleme, React Router DOM ile çok sayfalı uygulama oluşturma, Redux ve Redux Saga ile state yönetimi, PWA prensiplerini uygulama gibi konular ele alınmaktadır. Video, bir sonraki bölümde geliştirme ortamının kurulması ve ilk React uygulamasının oluşturulmasıyla devam edeceğini belirterek sona ermektedir.

      • youtube.com

    • React Aplikasyonunda Taglerin Otomatik Gelmesini Sağlama

      Bu video, bir eğitim içeriği olup, izleyicilere React uygulamalarında taglerin otomatik olarak gelmemesi sorununu nasıl çözebileceklerini göstermektedir. Videoda, React uygulamasında taglerin otomatik olarak gelmediği problemi ele alınmaktadır. Çözüm olarak, sol alt köşedeki çarıklı disk simgesine tıklayıp ayarlar menüsünden "Emet Included Language" bölümünde JavaScript'i manuel olarak ekleyerek sorunun nasıl çözüleceği adım adım gösterilmektedir. Bu işlem sonrası, header, div ve paragraf gibi taglerin otomatik olarak oluştuğu gösterilmektedir.

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