Redux Fundamentals - Tonida Baraza

Transcript

1. Redux A look at fundamentals
2. Objectives • Principles of redux • A simple implementation of redux • When to use redux
3. What is redux • Redux is a predictable state container for JavaScript apps.
4. 3 core principles of redux • State of an entire application, is contained in a single object called the state or the state tree. • The state tree is immutable. The only way to change it is by dispatching an action. • To describe state mutations, you require a reducer.
6. Store methods • getState - It retrieves the current state • dispatch - It lets you dispatch actions to change the state of your application • subscribe - It lets you register a callback that the Redux store will call any time an action has been dispatched
7. Implementing redux • https://github.com/tbaraza/redux-pres • Configure the store • Add action types • Add action creators • Add reducers
8. When to use redux • User workflows are complex • You’re loading data from multiple endpoints to build a single view • Your app has a large variety of user workflows (consider both regular users and administrators) • Organisation
9. Benefits of redux • Predictability of outcome • Maintainability • Developer tools • Ease of testing • Community