tepki-redux Eğitimi

React Redux, Redux için React bağlamaları sağlayan bir kütüphanedir.

Redux deposundan haberdar olan React bileşenlerine “Konteynerler”, “Akıllı Bileşenler” veya “Yüksek Dereceli Bileşen” (HOC) adı verilir. Redux kullanmak için bu tür bileşenlerin şunları yapması gerekir:

  • Redux mağazasından güncellemeler almak için mağazaya abone olun
  • Sevk işlemleri

Bunu elle yapmak, React kapsayıcılarında “store.subscribe” ve “store.dispatch(action)” öğelerinin kullanılması anlamına gelir.

React Redux, Redux durum özelliklerini ve Eylem oluşturucuları bileşenin donanımlarıyla eşleştiren ‘connect’ işlevi aracılığıyla Redux deposu ve bir React kapsayıcı bileşeni arasındaki bağlamayı basitleştirir.

“connect”, daha yüksek dereceli bir bileşen oluşturan bir işlevdir. Connect, 3 işlevi (mapStateToProps, mapDispatchToProps, mergeProps) kabul eder ve orijinal bileşeni “bağlı” bir bileşene dönüştürmek için saran bir kap bileşeni döndürür:

import { connect } from 'react-redux';

const Customers = { ... };
const mapStateToProps = (state) => { ... }
const mapDispatchToProps = (dispatch) => { ... }

export default connect(mapStateToProps, mapDispatchToProps)(Customers);

Tam bir örnek için örnekler bölümüne bakın.

Tüm konteyner bileşenlerinin Redux deposuna erişmesi gerektiğinden, önerilen yol, mağazayı tüm alt bileşenlere ileten (dahili olarak React bağlamını kullanarak) React Redux’un özel bir “” bileşenini kullanmaktır.

Resmi belgeler: http://redux.js.org/docs/basics/UsageWithReact.html

GitHub deposu: https://github.com/reactjs/react-redux