DIJITAL KALE

Redux-saganın teori kısmının anlatıldığı ilk yazımız için. http://buraktunali.blogspot.com/2021/07/redux-saga-middleware-1-teori.html Redux-saga işlemleri için bir backend hazırlayalım.  Node.js de yapacağımız bu backend için express generator u kullanabilirsiniz. https://expressjs.com/en/starter/generator.html Şu an için tek bir servis yeterli. router klasörü altında index dosyasına servisimizi koyalım. router.get('/test', function(req, res, next) {    res.json({ Hello : 'World' }); }); node app.js diyerek projemizi kaldıralım.  Öncelikle React projemizin full kodunu ekliyorum. Gmotes/Redux-Saga (github.com) Şimdi ise react projemizi oluşturalım. npx create-react-app redux-saga-app İhtiyacımız olan paketler aşağıdaki gibi package.json a ekleyip npm install yapalım.     "axios": "^0.21.1",     "react": "^17.0.2",     "react-dom": "^17.0.2",     "react-redux": "^7.2.4",     "react-script...

Bu teori kısmına isterseniz paketin mantığının kuruluğu olduğu "Saga Pattern" ini anlayarak başlayalım. Aşağıdaki yazıda ayrıntıları ile yazılmış. https://medium.com/devopsturkiye/microservice-mimarilerde-transaction-y%C3%B6netimi-nas%C4%B1l-yap%C4%B1l%C4%B1r-228317e248ed Bu yazı üzerinden Saga özelinde kısa bir özet yaparsak; Farklı transactionların zincirleme olarak event mekanizmaları üzerinden başarılı ve başarısız senaryolara göre budaklanması ve yönetilmesidir. Burada React özelinde bir transactionımız olmayacak dolayısıyla aslında actionları yönetiyor olacağız. Şimdi biraz React JS Redux ile neler yapıyorduk hatırlayalım hem de niye Redux-saga sorusunu soralım kendimize.    * Action tanımlanması  * Action ın önyüzden dispatch edilerek çağrılması  * Reducer ın store u kullanarak action ı karşılaması  * Reducer içi yapılan işlemler   * Yeni state aktarımı ve tutulması  * Yeni state in önyüzde gösterimi Burada basit olarak reducer a gelen...