Redux helps you build applications with React by making it easier to manage data changes and state in your application. In this talk, Jonathan walks you through building applications with React and Redux using ES6, Babel and Webpack.
an object tree inside a single store. - Only way to change the state tree is to emit an action, an object describing what happened. - To specify how the actions transform the state tree, you write pure reducers.
state is to emit an action, an object describing what happened. - This ensures that neither the views nor the network callbacks will ever write directly to the state.
'INCREMENT': return state + 1; case 'DECREMENT': return state - 1; default: return state; } } let store = createStore(counter); store.subscribe(() => console.log(store.getState()) );
'INCREMENT': return state + 1; case 'DECREMENT': return state - 1; default: return state; } } let store = createStore(counter); store.subscribe(() => console.log(store.getState()) );
'INCREMENT': return state + 1; case 'DECREMENT': return state - 1; default: return state; } } let store = createStore(counter); store.subscribe(() => console.log(store.getState()) );
in different environments (client, server, and native), and are easy to test - Good developer experience - implement logging, hot reloading, time travel, universal apps, record and replay - Can use Redux together with React, or with any other view library.