Redux Tugberk Ugurlu

The Problem

What is Redux? “Redux is a state management library for JavaScript applications, inspired by Flux and Elm.

The Meat of Redux Actions Reducers Store

The Meat of Redux Actions Actions describe updates

The Meat of Redux Reducers Reducers apply updates based on actions

The Meat of Redux Store Store is where everything comes together and it acts as the source of truth

Simple Example: Counter

React Usage (Manual Way)

Usage with React (Much Better)

The Whole Idea You have one state, one state only for your entire application! https://flic.kr/p/9QQHW

The Whole Idea You never mutate the state! https://flic.kr/p/pzf72v

But why Redux and not flux, mobx, marty? https://flic.kr/p/NzcYg

Widely Adopted

Widely Adopted

Rich Docs and Resources http://redux.js.org/

Rich Ecosystem https://www.npmjs.com/search?q=redux

Rich Ecosystem http://redux-form.com/6.0.0-rc.5

99% Boost on Dev Happiness https://flic.kr/p/99iZtS

99% Boost on Dev Happiness npm install redux-logger https://github.com/evgenyrodionov/redux-logger

99% Boost on Dev Happiness npm install redux-immutable-state-invariant https://github.com/leoasis/redux-immutable-state-invariant

99% Boost on Dev Happiness npm install redux-undo https://github.com/omnidan/redux-undo

No content

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

https://egghead.io/courses/building-react-applications-with-idiomatic-redux Some Resources

Some Resources • Redux Docs: http://redux.js.org • The Redux Journey at react-europe 2016: http://bit.ly/2bJEZEP • Flux Architecture: https://facebook.github.io/flux/docs/overview.html • Redux Usage with React: http://bit.ly/2bdAiVO • Presentational and Container Components: http://bit.ly/2bM3DpO • (Pluralsight Course) Building Applications with React and Redux in ES6: http://bit.ly/2bRAQ4T • Thinking in React: https://facebook.github.io/react/docs/thinking-in-react.html • React Reconciliation: https://facebook.github.io/react/docs/reconciliation.html • Influencers of Redux: https://github.com/reactjs/redux#influences • Why did you reinvented Event Sourcing?: https://github.com/gaearon/ama/issues/110