[React Native] Redux로 Counter 앱 만들기 by anpigon

kr · @anpigon · Jan 12 '19 (edited)

$2.37

[React Native] Redux로 Counter 앱 만들기

![](https://cdn.steemitimages.com/p/9vWp6aU4y8kwSZ9GrA6TWcxjsEnJX399aXrr8f5QWawsEAFBDLtXCm1DRywaBMM2GAzKPK4BCw7mwWwMQNn8fq1MJH6oVYmTio2ynn3L1oHHv1ZnF4FG6kg53xFXhAiTZ6ozT2XGYYH6sikF8?format=match&mode=fit)

[Redux](https://github.com/reactjs/react-redux) 와 [NativeBase](https://nativebase.io/) 를 사용하여 카운터 앱을 만들어 봅니다. **NativeBase**를 사용하니 컴포넌트 UI가 좀더 수려해졌습니다. 그리고 복잡한 앱을 구현할 때에는 Redux가 필수입니다.

리덕스(Redux)를 사용하지 않을 때와 사용할 때의 차이점은 아래 그림이 잘 표현하고 있습니다.
![](https://cdn.steemitimages.com/p/62PdCoV9UZqKxEeNM1pVMLWxNVQ2bXSbEJE5Zsy5GRmfJJVqkTDFJabcyNcoJjSTQXqPYqvSRGX4whxtqtbFvfJ8f1Q3bdF4iJXKfh4uidSqL54?format=match&mode=fit)

<br><br>

# 필요한 모듈 설치하기

[expo-cli](https://docs.expo.io/versions/latest/workflow/expo-cli)가 설치되어 있지 않으면 아래와 같이 설치한다.

```bash
$ npm install expo-cli --global
```

<br>**expo-cli**를 사용하여 프로젝트를 생성한다.

```bash
$ expo init redux-counter-app
$ cd redux-counter-app
```

<br>그리고 **Redux**와 **react-redux**를 설치한다.

```bash
$ npm install redux react-redux --save
```

<br>마지막으로 **NativeBase**를 설치한다.

```bash
$ npm install native-base --save
$ npm install @expo/vector-icons --save
```

<br><br>

# 구현하기

프로젝트의 루트에 세 개의 폴더 `reducers, components` 를 생성한다.

### Redux Reducers 구현

Reducers는 앱에서 필요한 데이터를 반환한다. 여기서는 `Counter` 값을 반환하는 reducer가 필요하다. `reducers` 폴더에 `countReducer.js` 파일을 생성한다. 

다음과 같이 하나의 `js` 파일에 액션과 리듀서를 모두 구현하는 것을 **Ducks 구조**이라고 한다. Ducks 구조를 사용하면 나중에 코드 관리하기가 편하다.

**reducers/countReducer.js** 

```js
// Default State
const initialState = {
	count: 0
};

// Actions
export const INCREMENT = "Increment";
export const DECREMENT = "Decrement";

// Action Functions
export function increment(){
  return {
    type: INCREMENT
  };
}
export function decrement(){
  return {
    type: DECREMENT
  };
}

// Reducer
function reducer(state = initialState, action) {
  switch (action.type) {
    case INCREMENT: 
      return {
        count: state.count + 1
      }
    case DECREMENT: 
      return {
        count: state.count - 1
      }
  }
  return state;
}

// Exports Default
export default reducer;
```
`INCREMENT `과 `DECREMENT ` 액션은 카운트 값을 계산하여 반환한다. 

그 다음은 `index.js` 파일에서 모든 Reducer를 결합한다. 지금은 하나의 리듀서 `countReducer`만 있지만, 나중에 리듀서가 여러 개일 경우 유용하다.

**reducers/index.js**

```js
import { combineReducers } from 'redux';
import countReducer from './countReducer.js';

const allReducers = combineReducers({
  countReducer,
});

export default allReducers;
```

<br>

### Redux 컴포넌트 구현

이제 `<Counter>` 컴포넌트를 구현한다. 

**components/counter.js** 

```js
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { Container, Content, Text, Card, Header, Body, Button, Title, CardItem } from 'native-base';
import { increment, decrement } from '../reducers/countReducer';

class Counter extends Component {
	render() {
    return(
      <Container>
        <Header>
          <Body>
            <Title>Redux Counter</Title>
          </Body>
        </Header>
        <Content padder>
          <Card>
            <CardItem>
              <Text>
                { this.props.state.count }
              </Text>
            </CardItem>
          </Card>
          <Button full onPress= {() => this.props.increment()} style={{marginVertical: 10}}>
            <Text>Increment</Text>
          </Button>
          <Button full dark bordered onPress= {() => this.props.decrement()}>
            <Text>Decrement</Text>
          </Button>
        </Content>
      </Container>
    );
  }
}

// Reducer 데이터를 props로 변환
function mapStateToProps(state){
  return {
    state: state.countReducer
  };
}

// Actions을 props로 변환
function matchDispatchToProps(dispatch){
  return bindActionCreators({
    increment: increment,
    decrement: decrement
  }, dispatch);
}

export default connect(mapStateToProps, matchDispatchToProps)(Counter);
```

<br>

### Redux Store 구현

마지막으로 `App.js` 파일에 store를 만들어야 한다. Redux에 대한 기본 개념은 [Redux 공식 문서](http://redux.js.org/)를 참고한다. `App.js` 파일을 아래와 같이 수정한다.

**App.js** 

```js
import React, { Component } from 'react';
import { Provider } from 'react-redux';
import { createStore } from 'redux';
import allReducers from './reducers';
import Counter from './components/counter.js';

const store = createStore(allReducers);

export default class App extends Component{
  render(){
    return(
      <Provider store={store}>
        <Counter />
      </Provider>
    );
  }
}
```

 <br><br>

# 실행하기

앱을 실행하고 확인해보자.

```bash
$ npm start
```

<br>

![](https://user-images.githubusercontent.com/3969643/51070641-f945ad80-1687-11e9-92ef-30895ec9359e.gif)

<br>

여기까지 읽어주셔서 감사합니다.

<br>

___ 

**같이 읽으면 좋은 글:**
* [리덕스(Redux)를 왜 쓸까? 그리고 리덕스를 편하게 사용하기 위한 발악 (i)](https://velopert.com/3528)
* [리덕스(Redux)를 왜 쓸까? 그리고 리덕스를 편하게 사용하기 위한 발악 (ii)](https://velopert.com/3533)

---

#####  <sub> **Sponsored ( Powered by [dclick](https://www.dclick.io) )** </sub>
##### [DCLICK: An Incentivized Ad platform by Proof of Click - 스팀 기반 애드센스를 소개합니다.](https://api.dclick.io/v1/c?x=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjIjoiYW5waWdvbiIsInMiOiJyZWFjdC1uYXRpdmUtcmVkdXgtY291bnRlci0tMTU0NzI3ODIzNTA0OCIsImEiOlsidC0xIl0sInVybCI6Imh0dHBzOi8vc3RlZW1pdC5jb20vZGNsaWNrL0BkY2xpY2svZGNsaWNrLWFuLWluY2VudGl2aXplZC1hZC1wbGF0Zm9ybS1ieS1wcm9vZi1vZi1jbGljay0iLCJpYXQiOjE1NDcyNzgyMzUsImV4cCI6MTg2MjYzODIzNX0.Ke2puEP3Ed5ygIDTapqiEgpKZzjfe-89xyA78Dkwn9s)
<sup>안녕하세요 스티미언 여러분. 오늘 여러분께 스팀 블록체인 기반 광고 플랫폼 DCLICK을 소개...</sup>
</center>

👍 skan, surpassinggoogle, busy.pay, ulockblock, kdj, bukio, fur2002ks, steem-ua, mastertri, bbooaae, ukk, hjk96, kiwifi, gomdory, yoon, anpigon, nhj12311, jacobyu, idas4you, codingman, eversloth, mgranja, arcange, newbijohn, bree1042, asinayo, kyunga, june0620, accelerator, mishana, urobotics, bitok.xyz, noisysky, tomkim1981, hjh0827, moksamol, simgirl, supu, seapy, pediatrics, steemory, rival, rhampagoe, maticpecovnik, sd974201, jakedavis224, raphaelle, eternalsuccess, pichat, princekelly, fun2learn, sunnylife, nailyourhome, bluesniper, delegate4upvot, beetlevc, jayboi, songbj, bloghound, talken, shahaan, cordeta, mustaphaaoufi, nigerian-yogagal, and 147 others
👎 camillesteemer

`post_id`	68,711,688
`author`	anpigon
`permlink`	react-native-redux-counter--1547278235048
`category`	kr
`json_metadata`	{"tags":["kr","kr-dev","react","busy","jjangjjangman"],"app":"busy\/2.5.6","format":"markdown","community":"busy","users":["expo"],"links":["https:\/\/github.com\/reactjs\/react-redux","https:\/\/nativebase.io\/","https:\/\/docs.expo.io\/versions\/latest\/workflow\/expo-cli","http:\/\/redux.js.org\/","https:\/\/velopert.com\/3528","https:\/\/velopert.com\/3533","https:\/\/www.dclick.io","https:\/\/api.dclick.io\/v1\/c?x=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjIjoiYW5waWdvbiIsInMiOiJyZWFjdC1uYXRpdmUtcmVkdXgtY291bnRlci0tMTU0NzI3ODIzNTA0OCIsImEiOlsidC0xIl0sInVybCI6Imh0dHBzOi8vc3RlZW1pdC5jb20vZGNsaWNrL0BkY2xpY2svZGNsaWNrLWFuLWluY2VudGl2aXplZC1hZC1wbGF0Zm9ybS1ieS1wcm9vZi1vZi1jbGljay0iLCJpYXQiOjE1NDcyNzgyMzUsImV4cCI6MTg2MjYzODIzNX0.Ke2puEP3Ed5ygIDTapqiEgpKZzjfe-89xyA78Dkwn9s"],"image":["https:\/\/cdn.steemitimages.com\/p\/9vWp6aU4y8kwSZ9GrA6TWcxjsEnJX399aXrr8f5QWawsEAFBDLtXCm1DRywaBMM2GAzKPK4BCw7mwWwMQNn8fq1MJH6oVYmTio2ynn3L1oHHv1ZnF4FG6kg53xFXhAiTZ6ozT2XGYYH6sikF8?format=match&mode=fit"]}
`created`	2019-01-12 07:30:36
`last_update`	2019-01-12 07:35:21
`depth`	0
`children`	8
`net_rshares`	4,718,217,552,473
`last_payout`	2019-01-19 07:30:36
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	1.832 SBD
`curator_payout_value`	0.539 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	5,416
`author_reputation`	105,789,957,935,122
`root_title`	"[React Native] Redux로 Counter 앱 만들기"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (212)

voter	rshares	pct
mrwang	344,847,413	18.5%
arcange	37,935,654,759	4%
raphaelle	2,149,653,500	4%
kdj	255,162,220,988	50%
goode	234,927,080	37%
surpassinggoogle	566,414,114,518	37%
guest123	872,387,673	100%
busy.pay	474,799,319,158	2.28%
k-syusteem	235,656,256	9.25%
pes7md	94,532,708	18.5%
bloghound	1,126,622,802	5.55%
southparkqueen	193,332,019	37%
yoon	101,400,153,350	50%
pichat	1,818,823,946	9.25%
moksamol	5,020,245,221	18.5%
skan	1,008,685,621,878	12%
ninyea	944,785,580	37%
foways	90,958,513	18.5%
sisilafamille	572,858,748	100%
josuepalacios	292,567,856	18.5%
mrstaf	609,805,762	18.5%
nhj12311	66,213,192,628	100%
bree1042	30,569,378,669	25%
hjk96	106,640,661,067	25%
idas4you	49,514,739,605	100%
bobiecayao	341,210,891	18.5%
cobloc	165,689,049	18.5%
rival	3,277,061,412	2%
dysc0rd	96,843,445	37%
sunnylife	1,434,664,264	3.7%
fur2002ks	211,503,070,774	13%
dwightjaden	628,930,315	37%
elbleess	93,043,032	18.5%
mhel	80,667,741	7.4%
joshruiz	277,059,388	18.5%
kofspades	194,176,013	18.5%
tomkim1981	5,889,660,812	100%
ukk	108,574,731,535	30%
tradeownsystems	108,258,507	37%
chunnorris	170,938,924	18.5%
shippou95	195,701,242	18.5%
pjmisa	358,582,130	18.5%
mastertri	124,257,038,498	23%
etainclub	0	100%
mustaphaaoufi	954,886,718	18.5%
seapy	3,686,642,135	60%
accelerator	18,411,109,464	1.27%
princekelly	1,463,131,462	37%
marysent	130,680,850	3.7%
june0620	22,530,753,335	10%
smafey	132,995,090	18.5%
hillaryaa	171,421,112	18.5%
ckbahdon	77,986,201	18.5%
ranielbrianulan	80,247,423	37%
tolarnee	366,456,655	18.5%
rijalaronaceh	68,374,948	1%
samdman	219,928,157	50%
krfeed	277,573,033	100%
simgirl	4,552,082,681	18.5%
superstar65	130,979,515	37%
pediatrics	3,617,541,019	25%
masud222	74,462,732	18.5%
kerry234	230,640,664	37%
urobotics	10,114,938,630	100%
amanpathak	93,971,952	18.5%
ekjosh	128,799,499	37%
zohaib715	77,327,704	18.5%
fidel66	108,921,648	37%
klizo	85,317,479	18.5%
murad06	82,272,026	18.5%
maticpecovnik	2,587,703,605	18.5%
enjoyy	150,751,260	18.5%
hasan086	136,961,514	18.5%
tomatom	331,561,816	18.5%
berylwills	292,324,284	37%
paragon99	75,105,625	18.5%
senseibabs	106,805,114	37%
cordeta	1,026,432,982	18.5%
mkmk	126,943,230	18.5%
levinvillas	86,710,645	9.25%
eversloth	42,938,102,460	25%
jacobyu	51,682,312,640	100%
dolphinscute	149,942,917	18.5%
fun2learn	1,451,378,665	1.6%
codingman	45,722,864,145	100%
chiboyzz	73,681,211	18.5%
mrxplicit	411,962,164	37%
jjohnson78	131,851,003	18.5%
mishana	14,621,795,818	60%
neneandy	747,811,626	0.74%
sanyjaya	108,399,740	37%
strings	273,754,098	18.5%
richgang	627,895,402	18.5%
ligarayk	283,019,038	37%
asfuriah	109,094,988	37%
hashas120	118,293,834	37%
cypher01	107,862,826	18.5%
pelephotography	168,341,704	37%
luijii	110,907,174	37%
kyunga	24,469,682,332	50%
raquelita	80,505,436	18.5%
ryl	99,357,202	18.5%
camilus	208,229,837	37%
loydjayme25	908,031,160	18.5%
noechie1827	128,878,605	18.5%
noisysky	8,708,518,754	20%
asinayo	28,681,676,164	48%
preciousimo	97,189,543	18.5%
victoriakorol	87,282,641	18.5%
ihamquentin	117,855,944	100%
starzy	747,287,421	18.5%
antigenx	183,860,595	18.5%
badzkie123	126,401,452	18.5%
hoobeehey	77,768,494	37%
lakawero	270,383,390	20%
vegasgambler	243,952,559	11.1%
kul0tzzz	108,360,905	37%
sissyjill	75,785,711	7%
dzued	86,104,349	18.5%
syamsudduha2	82,491,496	18.5%
originalmrspice	909,578,522	18.5%
atjehsteemit	246,754,400	18.5%
morbyjohn	146,028,659	7%
songbj	1,196,603,150	100%
pojgaerlan	107,134,557	37%
shahaan	1,066,489,137	18.5%
jims	107,153,847	37%
abrahamcera	108,968,807	18.5%
lifediaries2nd	73,307,302	18.5%
thamrin	134,304,498	37%
vygimau5	107,583,493	37%
beni96	166,891,764	18.5%
sunshinebear	303,249,468	18.5%
isaaceko	97,218,306	37%
jefry113	133,338,568	37%
kutrulaju	203,008,963	18.5%
mutiarahmi	76,310,091	18.5%
nonsqtr	129,919,921	18.5%
virgo27	150,776,201	18.5%
annalorin28	110,706,132	18.5%
bitmycoin	0	18.5%
phoebedoll	103,055,589	18.5%
patchnotes	146,874,660	22.2%
effofex	82,342,812	0.63%
sd974201	2,538,173,471	7%
pushpo	107,920,282	37%
mikemaphu	132,866,469	18.5%
fibrefox	87,550,380	18.5%
loudetteiam	365,483,636	18.5%
oclinton	658,733,007	18.5%
jeef-zone	128,250,400	18.5%
kiwifi	105,911,508,565	25%
geezyweezy	129,056,058	37%
leeyen23	103,264,906	18.5%
ilmondoditea	82,242,351	18.5%
blockchainstudio	0	100%
gerliepepito	126,368,842	18.5%
jembee	100,902,010	18.5%
nigerian-yogagal	945,841,767	18.5%
etaletai	181,078,854	18.5%
arisviyo	447,282,977	18.5%
rachelleignacio	666,291,147	18.5%
anpigon	85,758,698,490	100%
jomar07	118,429,309	18.5%
beetlevc	1,341,234,143	2%
camillesteemer	-17,636,305	-100%
kyanzieuno	148,095,942	18.5%
rhampagoe	3,123,163,164	3%
newbijohn	35,927,050,978	100%
akeenze13	171,360,813	18.5%
byash	109,112,741	37%
mayib	176,089,290	18.5%
mojacko	130,945,856	18.5%
nailyourhome	1,423,261,780	1.6%
albertotang	70,898,925	37%
jayboi	1,332,229,006	3.7%
mrnightmare89	366,112,872	18.5%
kayegrasya	162,539,190	18.5%
edundayo	117,871,805	18.5%
cynicalcake	370,419,994	18.5%
cebuana	74,412,153	18.5%
ulockblock	274,912,387,762	100%
rigelmarco	124,704,927	37%
tjessie	335,429,434	90%
hjh0827	5,699,028,075	100%
randomkindness	240,752,989	18.5%
digital-aster	159,893,225	37%
piyova007	119,129,483	37%
ramonjvp	135,686,800	37%
bukio	239,615,787,927	2.09%
adigun12	107,358,291	37%
jakedavis224	2,224,761,066	18.5%
delegate4upvot	1,354,639,477	1.6%
bbooaae	108,925,362,305	30%
alatomz	78,647,957	18.5%
steem-ua	196,245,999,346	1.81%
forhadh	104,020,857	18.5%
semtroneum	149,111,921	11.1%
alom8	779,987,909	18.5%
gomdory	105,364,957,611	100%
dispatch	520,721,336	100%
hdu	428,782,568	1%
bitok.xyz	9,381,380,041	1%
bluesniper	1,376,275,329	0.1%
talken	1,101,268,004	100%
steemory	3,521,977,133	100%
eternalsuccess	1,934,662,143	37%
sm-cards	803,853,990	18.5%
writeandearn	204,180,747	18.5%
mgranja	39,898,345,642	17%
xrp.trail	562,901,824	1%
supu	4,476,844,920	1.75%

@bukio · Jan 12 '19

짱짱맨 호출에 응답하여 보팅하였습니다.

properties (22)

`post_id`	68,712,087
`author`	bukio
`permlink`	re-bukio-jjangjjangman-1547279166246
`category`	kr
`json_metadata`	{"tags":["bukio","jjangjjangman"],"app":"steemer\/1.0"}
`created`	2019-01-12 07:46:06
`last_update`	2019-01-12 07:46:06
`depth`	1
`children`	1
`net_rshares`	0
`last_payout`	2019-01-19 07:46:06
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	21
`author_reputation`	12,334,203,545,676
`root_title`	"[React Native] Redux로 Counter 앱 만들기"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@anpigon · Jan 12 '19

감사합니다.

properties (22)

`post_id`	68,713,595
`author`	anpigon
`permlink`	re-bukio-re-bukio-jjangjjangman-1547279166246-20190112t083954446z
`category`	kr
`json_metadata`	{"community":"busy","app":"busy\/2.5.6","format":"markdown","tags":["kr"],"users":[],"links":[],"image":[]}
`created`	2019-01-12 08:40:42
`last_update`	2019-01-12 08:40:42
`depth`	2
`children`	0
`net_rshares`	0
`last_payout`	2019-01-19 08:40:42
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	6
`author_reputation`	105,789,957,935,122
`root_title`	"[React Native] Redux로 Counter 앱 만들기"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@gomdory · Jan 12 '19

![](https://ipfs.busy.org/ipfs/QmSpSf3UTPCZUwCEfi1sWKKcUXWKH3SnpEaYaqRuWu7omz)

properties (22)

`post_id`	68,716,872
`author`	gomdory
`permlink`	re-react-native-redux-counter--1547278235048-20190112t104801
`category`	kr
`json_metadata`	{}
`created`	2019-01-12 10:48:03
`last_update`	2019-01-12 10:48:03
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2019-01-19 10:48:03
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	78
`author_reputation`	43,207,143,526,344
`root_title`	"[React Native] Redux로 Counter 앱 만들기"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@steemitboard · Jan 12 '19

Congratulations @anpigon! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

<table><tr><td>https://steemitimages.com/60x70/http://steemitboard.com/@anpigon/voted.png?201901121056</td><td>You received more than 4000 upvotes. Your next target is to reach 5000 upvotes.</td></tr>
</table>

<sub>_[Click here to view your Board](https://steemitboard.com/@anpigon)_</sub>
<sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub>



**Do not miss the last post from @steemitboard:**
<table><tr><td><a href="https://steemit.com/steem/@steemitboard/steemwhales-has-officially-moved-to-steemitboard-ranking"><img src="https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmfRVpHQhLDhnjDtqck8GPv9NPvNKPfMsDaAFDE1D9Er2Z/header_ranking.png"></a></td><td><a href="https://steemit.com/steem/@steemitboard/steemwhales-has-officially-moved-to-steemitboard-ranking">SteemWhales has officially moved to SteemitBoard Ranking</a></td></tr><tr><td><a href="https://steemit.com/steemitboard/@steemitboard/steemitboard-witness-update-2019-01-07"><img src="https://steemitimages.com/64x128/http://i.cubeupload.com/7CiQEO.png"></a></td><td><a href="https://steemit.com/steemitboard/@steemitboard/steemitboard-witness-update-2019-01-07">SteemitBoard - Witness Update</a></td></tr></table>

> Support [SteemitBoard's project](https://steemit.com/@steemitboard)! **[Vote for its witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1)** and **get one more award**!

properties (22)

`post_id`	68,717,948
`author`	steemitboard
`permlink`	steemitboard-notify-anpigon-20190112t112602000z
`category`	kr
`json_metadata`	{"image":["https:\/\/steemitboard.com\/img\/notify.png"]}
`created`	2019-01-12 11:26:00
`last_update`	2019-01-12 11:26:00
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2019-01-19 11:26:00
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	1,596
`author_reputation`	38,705,954,145,809
`root_title`	"[React Native] Redux로 Counter 앱 만들기"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@steem-ua · Jan 12 '19

#### Hi @anpigon!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your **UA** account score is currently 2.813 which ranks you at **#12416** across all Steem accounts.
Your rank has improved 41 places in the last three days (old rank 12457).

In our last Algorithmic Curation Round, consisting of 257 contributions, your post is ranked at **#163**.
##### Evaluation of your UA score:

* Only a few people are following you, try to convince more people with good work.
* The readers like your work!
* You have already shown user engagement, try to improve it further.


**Feel free to join our [@steem-ua Discord server](https://discord.gg/KpBNYGz)**

properties (22)

`post_id`	68,736,998
`author`	steem-ua
`permlink`	re-react-native-redux-counter--1547278235048-20190112t220137z
`category`	kr
`json_metadata`	{"app":"beem\/0.20.14"}
`created`	2019-01-12 22:01:39
`last_update`	2019-01-12 22:01:39
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2019-01-19 22:01:39
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	705
`author_reputation`	23,203,609,903,979
`root_title`	"[React Native] Redux로 Counter 앱 만들기"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@surpassinggoogle · Jan 15 '19

Task Request. We Modified Our Task Request To Add Core Features & 'Communities' To Ulogs.org, Simplifying The 1.5 Task Drastically. + (500 Steem Is Completed In 7 days/550 Steem For 5 Days)


The task has been drastically simplified and the first task is partially done. Ulogs is front-end only and a fork of busy. It uses React JS. This tasks have been delayed. It has been more than a month already. Please consider helping me or please pass it on, to anyone who can help me. The time allotment for both tasks is 7 days.


https://steemit.com/utopian-io/@surpassinggoogle/task-request-we-modified-our-task-request-to-add-core-features-and-communities-to-ulogs-org-simplifying-the-1-5-task-drastically

properties (22)

`post_id`	68,846,378
`author`	surpassinggoogle
`permlink`	re-anpigon-react-native-redux-counter--1547278235048-20190115t160426087z
`category`	kr
`json_metadata`	{"tags":["kr"],"links":["https:\/\/steemit.com\/utopian-io\/@surpassinggoogle\/task-request-we-modified-our-task-request-to-add-core-features-and-communities-to-ulogs-org-simplifying-the-1-5-task-drastically"],"app":"steemit\/0.1"}
`created`	2019-01-15 16:04:30
`last_update`	2019-01-15 16:04:30
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2019-01-22 16:04:30
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	702
`author_reputation`	508,940,095,151,809
`root_title`	"[React Native] Redux로 Counter 앱 만들기"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@etainclub · Jan 19 '19

상세한 개발 내용 고맙습니다~
저도 다시 웹 프로그래밍 좀 해봐야겠어요~ ㅎ

properties (22)

`post_id`	69,026,458
`author`	etainclub
`permlink`	re-anpigon-react-native-redux-counter--1547278235048-20190119t141336370z
`category`	kr
`json_metadata`	{"tags":["kr"],"app":"steemit\/0.1"}
`created`	2019-01-19 14:13:36
`last_update`	2019-01-19 14:13:36
`depth`	1
`children`	1
`net_rshares`	0
`last_payout`	2019-01-26 14:13:36
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	42
`author_reputation`	784,231,792,440,997
`root_title`	"[React Native] Redux로 Counter 앱 만들기"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@anpigon · Jan 19 '19

저는 요즘 리액트 네이티브로 모바일앱 개발에 푹 빠져있어요. 
최근에는 바빠서 못하고 있네요.
빨리 공부해서 모바일앱을 만들어 보고 싶어요. ㅋㅋ

properties (22)

`post_id`	69,028,474
`author`	anpigon
`permlink`	re-etainclub-re-anpigon-react-native-redux-counter--1547278235048-20190119t150116179z
`category`	kr
`json_metadata`	{"community":"busy","app":"busy\/2.5.6","format":"markdown","tags":["kr"],"users":[],"links":[]}
`created`	2019-01-19 15:01:21
`last_update`	2019-01-19 15:01:21
`depth`	2
`children`	0
`net_rshares`	0
`last_payout`	2019-01-26 15:01:21
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	81
`author_reputation`	105,789,957,935,122
`root_title`	"[React Native] Redux로 Counter 앱 만들기"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000