redux

• diyelim ki youtube'tasin, youtube ta sag'da video list var
  
  o video list'teki her bir elemana da videoelemani de
  
  orta'da videoplayer'in olsun
  
  react'ta ne yapiyorsun videoplayer'a secilen video'yu yuklemek icin?
  
  1. render: videolist wrapper'i, icine her bir videoelemani, ortaya'da videoplayer component'i.
  
  2. props: videolist'in propslarini, videoelemanina gonderiyorsun
  
  3. peki ya videoelemanina tiklaninca videoplayer'in calismasi icin ne yapiyorsun?
  
  videolist'te bir eventhandler yaratip, onu videoelemanina gondermiyor musun? boylelikle videoelemanindaki olay, state'i update etsin. state'in ne oldugunu bildigini varsayiyorum.
  
  sonra eger ki farkli fonksiyonlar eklersen atiyorum, kac kere tiklanmis, sevilmis mi yoksa oeh bu ne lan mi demis vs. vs. bunlar icin de ayri eventhandler ve state yazman gerekmiyor mu?
  
  redux diyor ki,
  
  aga: senin statelerin hepsini ben storage'ta tutucam. storage farz etki key/value esleri olan buyukce bir object listesi, hersey bu storage'ta olacak, butun componentler bu storage'tan bilgiyi alacak. tek merkezli calisicaz.
  
  olayi component'ten baslatiyor, diyor ki aha video'ya tikladi yada arama butonuna yazmaya basladi...
  
  gidiyor, action yaratiyor,
  action dedigin tekil key/value object ornegin
  
  {
  type: "vıdeo_clıcked"
  payload: videoıd
  }
  
  bu type gidiyor, reducer denilen zamazingoya iletiliyor
  
  reducer aliyor bu object'i okuyor:
  ister switch ile yaz, ister bir suru if/else ile yaz okudug action sonucunda gidip
  storage'i guncelliyor,
  
  storage: guncellemesi
  reducer storage'a diyor ki, aga hani calan video ıd'si eskiden oydu ya, aha bizim kullanci simdi bu video id'sini istiyor, bunu yukle
  
  storage bunu guncelliyor, sonra provider'a gonderiyor...
  provider'in tek ozelligi, eskiden react ile yazdigin state/eventhandler/render vs. gibi sikkolari ortadan kaldiyor, boylelike state'ini storage' a veriyorsun, eventhandler'larin da en son component'in kendisinde kaliyor, boylelike eventdrill ortadan kalkiyor.
  
  provider'in yaptigi tek sey, root/app vs. artik adini ne koyduysan, yaptigin app'i wrap ediyor, boylelikle react-redux birlikte calismaya basliyor
  
  sonunda, provider'in app'ine bilgiyi gonderiyor, bu bilgi de iliskili component'in container'ina gidiyor.
  
  container'in da tek yaptigi sey storage' bilgisine ihtiyaci var mi? component'in action'i fire etmesi gerekiyor mu, hepsi bu.
  
  he arada async request icin thunk var, onu da baska zamana anlatirim