Predictable state container

Även kallad state store

Ett objekt som håller din applikations gemensamma state

State som ska delas av flera olika komponenter

Vi vill göra detta ibland
fast utan context

state = {
    user: {},
    todos: [],
    selectedTodo: {},
    error: ''
}

Vi plockar detta från App.js

och lägger det i store

Vi vill också gärna ha en

Single source of truth

is the practice of structuring information models and associated schemata such that every data element is stored exactly once

You can use Redux together with React, or with any other view library.

It is tiny (2kB, including dependencies).

  • store
    • Håller vårt övergripande state: users, todos
  • actions
    • Handlingar som ska utfärdas
  • reducers
    • Vad som ska ske med vårt state efter handlingarna är färdiga

i redux så returneras alltid en modifierad kopia av ditt state

Så det föregående statet lämnas omodiferat

Tänk GIT

https://egghead.io/courses/getting-started-with-redux

Videoserie skapad av Redux skapare: Dan Abramov