Redux-training

Index

• Redux with React Native (this branch)
• Redux with Vanilla JavaScript
• Redux with React

Redux with React Native

Redux training with React Native
Reference jeffgukang's react-native tutorial

Redux

• Redux makes global Store that is located at the top of application and supplies State to all other components.
• Store is the place where data is managed all over the country and Reducer, which is a pure function that changes data values according to Action, is defined.

npm install --save redux react-redux

redux

Status container for Javascript apps.

react-redux

It provides Provider component and connect method to make it easier to develop React + Redux.

ㄴ /app
  ㄴ /actions
     ActionTypes.js
     index.js
  ㄴ /components
     App.js 
     Counter.js
     CounterList.js
  ㄴ /containers
     CounterListContainer.js
  ㄴ /reducers
     index.js
  App.js
index.js

1. Presentational Component

• App.js
• Counter.js
• CounterList.js

2. Container Component

• CounterListContainer.js

3. Action

• ActionTypes.js
• index.js

4. Reducer

• index.js

5. Provider

• App.js