szczecinski.eu

szczecinski.eu

  • Kurs React
  • Zaawansowany React
  • Kurs Redux
  • Kurs ES6
  • Blog
  • Kontakt

›Intro

Intro

  • Czym jest Redux
  • Instalacja
  • Akcje
  • Reducery
  • Store
  • Przykładowa aplikacja
  • Wiele reducerów

Użycie z React

  • Redux i React
  • react-redux
  • Instalacja
  • Provider
  • connect
  • Argumenty connect

    • mapStateToProps
    • mapDispatchToProps

Dodatkowe informacje

  • Selektory
  • Middleware
  • Przykładowe middleware

    • redux-thunk
    • redux-immutable-state-invariant
  • Niemutowalne aktualizowanie stanu
  • Testowanie reduxa
  • Narzędzia

Instalacja

Redux dystrybuowany jest w postaci jednej paczki, zawierającej liczne nazwane eksporty. Aby dodać ją do swojego projektu wywołaj polecenie:

npm install redux

W pakiecie znajdują się źródła oraz biblioteka skompilowana do formatu ES6 oraz ES Modules. Ponieważ zminifikowana wersja to około 6kB nie musisz martwić się o tree shaking i inne mechanizmy zminiejszające kod.

Jeżeli w swoim środowisku nie używasz bundlera, możesz użyć kopii skompilowanej do formatu UMD, np. z usługi unpkg.com:

<script src="https://unpkg.com/redux@4.0.1/dist/redux.min.js"></script>

Po dodaniu zasobu w ten sposób, domyślny eksport będzie dostępny jako window.Redux

← Czym jest ReduxAkcje →
Bartosz Szczeciński © 2019 Materiał dostępny na zasadach licencji MIT.