Redux Tutorial

Teach Redux to 5 years old

Learn Redux with the Bank analogy

Redux Store ( Bank )

money = state

bank = store

Have a single source of truth: The state of your whole application is stored in an object tree within a single Redux store.

Actions

state is read only:

The only way to change the state is to emit an action, an object-describing what happened.

the below is an action object ( simply called action):

{
type : "WITHDRAW_MONEY",
amount : "1000"
}

Whenever you need to change or update the state of your Redux application, you need to dispatch an action.

Reducer ( cashier ):

To specify how the state tree is transformed, you write pure reducers.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Saranjeet Singh

I write tutorials on Python, JavaScript, React, and Django. I write for InPlainEnglish and TheStartUp .