Yeni Başlayanlar İçin REACT : 05 : JSX Nedir?, Neden JSX Kullanırız?

Sdílet
Vložit
  • čas přidán 3. 09. 2020
  • Merhaba Arkadaşlar,
    Bu dersler serisinde Facebook tarafından kullanıcı arayüzleri oluşturmak için geliştirilen React.js kütüphanesi üzerine konuşacağız.
    React JS: reactjs.org/
    Projeler GitHub:
    github.com/ArinSoftware/begin...
    github.com/ArinSoftware/my-mo...
    Konu Başlıkları:
    React Nedir?
    Çalışma Ortamı Oluşturulması
    React Dosya Yapısı
    JSX Nedir?
    Props Nedir?
    Children Props
    Fonksiyonel Component
    Class Based Component
    State VS Props
    Neden Set State?
    List - Keys Yapısı
    Formlar
    Search
    API - REST API
    Postman - JSON Server
    Higher Order Component
    Refs - DOM
    Fragments
    Render UI
    State Management
    React Router
    Context API
    Hooks
    Redux
    ve daha fazlası...
    Twitter: @ArinSoft
    Email: arinyazilim@gmail.com

Komentáře • 51

  • @eflani78.
    @eflani78. Před 20 dny +1

    Emeğine Sağlik Tailwind dersini de sizden dinledim Gürcan bey. Gerçekten Allah Razı Olsun.

  • @mahmuty.833
    @mahmuty.833 Před 2 lety +7

    Birkaç İngilizce ders izleyip kaybolduktan sonra bu derslere denk geldim, şimdiye kadar denk geldiğim en iyi ders diyebilirim. Gerçekten teşekkürler.

  • @herseyherkes2373
    @herseyherkes2373 Před 11 měsíci +2

    çok güzel anlatım. bana React artık çok kolay geldi. çok teşekkürler. 2 yıl sonra izliyorum ve yeniliklere de nasıl ulaşbileceğimizi gösteriyorsunuz.

  • @yunusemrebey1821
    @yunusemrebey1821 Před 3 lety +5

    Hocam videolarınızı anlık izleyemesem dahi elimden geldiğince hepsine like atmaya çalışıyor ve çevremdeki arkadaşlarıma mutlaka tavsiye ediyorum. Teşekkürler.

    • @ArinYazilim
      @ArinYazilim  Před 3 lety +2

      Merhaba Yunus Emre, ince davranışın için ben teşekkür ederim.

  • @mehmetaydar_QXyGeN
    @mehmetaydar_QXyGeN Před 2 lety +1

    Hocam gerçekten harikasınız ya, anlatımınıza hayranım her zamanki gibi 👑🍁❤

  • @martindudlerschweizer9975

    aciklayici dersler icin tesekkürler. bir gün is sahibi oldugumda unutmayacagim kanallardan birisiniz.

  • @conductor2015
    @conductor2015 Před 2 lety +2

    Hocam merhaba. Dersler şahane, çok akıcı ve anlaşılır. Elinize emeğinize sağlık.

  • @BBTR_
    @BBTR_ Před rokem +1

    arkadaşlar arrow func larda tek satır yazacaksanız süslü paranteze gerek yok örneğin consolo.log("deneme") gibi yani iki tane alt altta consolo log yazacaksan süslü parentezi koyman lazım

  • @mutlumersinli9413
    @mutlumersinli9413 Před 3 lety

    Bütün derslerinizde olduğu gibi bu dersinizde de gayet güzel ve anlaşılır bir eğitim verdğiniz için çok Teşekkürler...

  • @teknolojiuzmaniburada
    @teknolojiuzmaniburada Před 2 lety +1

    Muhteşem. Çok teşekkür ederiz.

  • @cedric7438
    @cedric7438 Před rokem

    Müükemmmell anlatım

  • @elmarabdullayev5414
    @elmarabdullayev5414 Před 3 lety

    bu derslercun size cok tessekkur ediyorum hocam

  • @media7588
    @media7588 Před 2 lety

    Allah razı olsun hocam çok güzel detaylı anlatıyorsunuz

  •  Před 3 lety +8

    Hocam anlatım çok güzel eline sağlık.

    • @ArinYazilim
      @ArinYazilim  Před 3 lety

      Teşekkür ederim Aydın, nerelerdesin yahu? Çoktandır sesiniz çıkmıyor.

  • @yucel.yakisan5659
    @yucel.yakisan5659 Před 2 lety +1

    Emeğinize Sağlık

  • @ferhatsunaycansev106
    @ferhatsunaycansev106 Před 2 lety

    Mükemmel anlatımm

  • @alpersalik7050
    @alpersalik7050 Před 3 lety

    hocam siz muhteşemsiniz

  • @hasanmusluoglu8473
    @hasanmusluoglu8473 Před 3 lety

    emeğinize sağlık

  • @yunusemreguner6841
    @yunusemreguner6841 Před 2 lety

    Pürüzsüz mükemmel anlatım için teşekkürler 😅

  • @aerost1888
    @aerost1888 Před 2 lety +1

    teşekkürler güzel insan.

  • @wselimzade
    @wselimzade Před 11 měsíci

    👏🏻👏🏻👏🏻

  • @ramazanguler5399
    @ramazanguler5399 Před 3 lety +2

    Hocam yine efsane anlatımınızla dersinizi izledim sürekli başlayıp başlayıp yarıda bıraktığım başka eğitmenlerden aldığım react ı sanırım sizle beraber artık devam ettireceğim çünkü çok sade ve anlaşılır. Teşekkürler.

    • @ArinYazilim
      @ArinYazilim  Před 3 lety +1

      Babacan bırakma bak sonra Hooksları da anlatıyorum başka seride.

    • @ramazanguler5399
      @ramazanguler5399 Před 3 lety +1

      @@ArinYazilim Yok hocam bırakmıyacağım inşallah çok iyi anlatıyorsunuz. Yaşım 35 e dayandı frontend e yetişemedik ufak tefek Css HTML js var bunu da öğrenirsek iyi olacak inşallah.

  • @huriyesaka2841
    @huriyesaka2841 Před rokem

    hocam en az 4 kurs bitirdim mantığı sizin derslerde kaptım saolun

  • @arifaydiiin4089
    @arifaydiiin4089 Před 3 lety +6

    29:06 Hata vermesini beklerim
    React: Am i joke to you ? 😁

  • @Ahmet_Altun
    @Ahmet_Altun Před 3 lety +2

    Hocam videolarını 4 gözle bekliyorum desem abartmış olmam. CZcams'a girer girmez hemen abonelerin videoları kısmında senin videon var mı diye bakıyorum. Bu aralar 4 koldan ReactJS e saldırıyorum. Katkın tartışılmaz. Çok teşekkürler.

    • @ArinYazilim
      @ArinYazilim  Před 3 lety +1

      Rica ederim Ahmet, umarim bir fark koyabilecegim ortaya.

  • @turxanyusubov4704
    @turxanyusubov4704 Před 2 lety

    merhaba hocam sizlerden cok sey ogreniyoruz tesekkurler her bir ders icin, bi ihtimal bilmiyosanz bende size bir fayde vermek isterim her hangi bir satrda ctrl+/ bastgnz zaman o satri yoruma ala biliyorsunuz kolayca birden fazla sayfa secsek bile. bide alt+down ve ya up yaptigimizda ise sectigimiz satr ve satrlar secilmeyen diger satrlarin uzerine ve ya altina indire biliyoruz(secm yapmadan kursorun oldugu satr olsa bile) . bide her hangi bir secim yapmadan kursorun oldugu satri ctrl+c+v yaparak kopyalaya biliyoruz.

  • @abdurrahmandemiri1766
    @abdurrahmandemiri1766 Před 3 lety +3

    Vscode'da defaultta yoruma alma/çıkarma CTRL+ALT+A. Değiştirmek içi, sol alt ayarlar button-> keyboard shourtcuts-> Toggle Block Comment

  • @sahety479
    @sahety479 Před 3 lety

    ⭐⭐⭐⭐⭐

  •  Před 2 měsíci

    Hocam merhabalar. Videolarınız çok açıklayıcı öncelikle teşekkür ederim. Size bir sorum olacaktı. Şimdi ben reactı yeni öğrenmeye başladım fakat geç mi kaldım ? Yani yazılım bitti falan diyorlar. Ben boşuna mı çalışıyorum? Kafama şüphe giriyor. bu konuda fikrinizi merak ediyorum.

    • @ArinYazilim
      @ArinYazilim  Před 2 měsíci

      Merhaba, şimdi AI gelişmeleri tüm meslekleri etkileyecek ancak burada ön sıraları yine de mesleğini iyi yapan yazılımcılar olacak. Eğer herşeye yeni baştan başlayacaksanız, LLM, Siber güvenlik gibi konulara ateş etmek daha iyi olabilir.

    •  Před 2 měsíci

      Çok teşekkür ederim hocam sorumu cevapladığınız için dediğiniz yolda ilerleyeceğim

  • @kamrankerimov6268
    @kamrankerimov6268 Před 2 lety

    Allah korusun Aylenizi

  •  Před 2 měsíci

    hocam dersler bittikçe kapatım diğer derse başlarken yine açıyorum aşağıda npm-start yazıyorum hata veriyor bunu bir türlü çözemedim. Sayfa bu siteye ulaşılamıyor bağlantı hatası diyor nasıl çözerim

    • @ArinYazilim
      @ArinYazilim  Před 2 měsíci +1

      Çalışmanızın olduğu klasör içerisinde olduğunuzdan emin olunuz.

  • @ilkaycitak5005
    @ilkaycitak5005 Před 3 lety

    bende niye sayfa kaynağını görüntüleyince script tagleri gözükmüyor?

    • @ArinYazilim
      @ArinYazilim  Před 3 lety

      Merhaba İlkay, React Developer Tools'u indiriniz: chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

    • @ilkaycitak5005
      @ilkaycitak5005 Před 3 lety

      @@ArinYazilim Teşekkürler. Node.Js ile alakalı bir sorunmuş.

  • @larchenxqnn
    @larchenxqnn Před rokem

    hocam herşeyi harfiyen yazıyorum baglantı hatası veriyor anlamıyorum sebebi nedir

    • @larchenxqnn
      @larchenxqnn Před rokem

      dün açılıyordu benim adım arin yazdığınız şimdi açılmıyor

    •  Před 2 měsíci

      benimde böyle oldu nasıl çözdünüz?