Mevcut bir Angularjs uygulamasına tepki redüksiyonunu entegre etme

Question

Tepkir-redux'u 3 yıllık bir Angularjs kod listesine entegre etmeyi düşünüyorum. Tüm codebase'leri bir seferde yeniden düzenlemeyi, daha sonra takımımın geliştireceği yeni özellikler aracılığıyla tepki-redux'u tanıtmayı istemiyorum.

1. Bunu yapan en iyi uygulamalar var mı? (herhangi bir kaynak takdir edilecektir)
2. Eski bir özellik (ng ile yazılmış) tepki redüks parçaları içeriyor mu yoksa yeniden yazmam gerekiyor mu?
3. Aynı API çağrılarını yapmayı nasıl önleyebilirim? (eğer ikisi de aynı kaynağa ihtiyaç duyarsa)
4. Değişikliği hep birlikte yapmamalı mıyım?

Answer 1

başarıyla sınırlamalar Ben orijinal soruya işaret kahverengi-alanın altında uygulamayı göç ettik.

çözüm iki yaklaşıma dayanmaktadır:

1. Küçük Bileşenlerinin - hemen hemen bulunan bileşenleridir. Örneğin, bildirimler açılır.
2. Henüz taşıyamayacağım Uygulamanın bir kısmı - temel olarak Angular'de yazılmış bazı yollar/görünümler. http://softeng.oicr.on.ca/chang_wang/2017/04/17/Using-AngularJS-components-directives-in-React/?utm_source=reactnl&utm_medium=email

   İPUCU:

İkisi burada önerilen birine kullanacağım benzer bir teknik yaklaştı sizin Açısal bağımlılıkları düzgün yönetilen eğer çok daha kolay olur.

Answer 2

1. Ben herhangi bir özel en iyi uygulama bilmiyorum ama son zamanlarda bugüne kadar büyük etkisi benim şimdiki Açısal 1.5 app ng-redux (https://github.com/angular-redux/ng-redux) kullanmaya başladı. Angular çekirdeği korurken, tek yönlü veri akışının ve Redux'tan yapılandırılmış devlet yönetiminin faydalarını kazanmak gerçekten çok güzeldi. Bu aynı zamanda kademeli olarak geçiş yapmanıza izin verecek, aynı anda tek bir varlık modeli. Kullanmamasına rağmen, Angular direktiflerinde React bileşenlerini sarmak için https://github.com/ngReact/ngReact'un mevcut olduğunu görüyorum. En sonunda reaksiyonu redux bağımsız olarak kullanmak için arıyorsanız, bu iyi bir basamak taşı olabilir.
2. ng-redux'u varolan özelliklere entegre etmek için bazı refactoring gerekiyordu, ancak denetleyicilerin dışındaki verileriniz için modelleri sürdürüyorsanız çok da kötü değil. Ng-redux, doğrudan Action Creator işlevlerini doğrudan UI eylem olay işleyicilerinden alacak olan denetleyicinizden çağırmanızı sağlar.
3. ng-redux kullanırken, reddetme ile birlikte Async Actions kullanarak API çağrılarınızı kolayca yapabilirsiniz. API'nizi istemek için mevcut Angular hizmetlerini kullanabilir ve ardından durumu güncelleştirmek için standart bir Eylem göndermek için yanıtı kullanabilirsiniz.
4. Uygulamanızın veri akışını standartlaştırmak için ng-redux'u en azından entegre etmek kesinlikle buna değdiğini söyleyebilirim. Projenizi daha iyi düzenlemenize yardımcı olacak ve nasıl yeniden düzenlediğinize bağlı olarak performansı artıracaktır. Bileşenleri yavaşça Açısal göbeği tamamen boşaltabilene kadar yavaşça dönüştürmüyorsanız, ngReact'ın yararı bana daha az açıktır.