Curated tutorial and resource links I’ve collected on React, Redux, ES6, and more — 소개글

react,redux 등등 웹 프레임워크 기술은 나날이 발전을 합니다. 오늘 소개드릴 프로젝트는 react,redux들의 좋은 예제들을 많이 모아 놓은 프로젝트입니다.

Today’s Best (2014/01/16)

markerikson/react-redux-links
_react-redux-links - Curated tutorial and resource links I’ve collected on React, Redux, ES6, and more_github.com

curated라고 하길래 그냥 훗 하고 프로젝트를 살펴 봤는데, Today Best가 될 프로젝트는 그냥 되는 일이 없습니다.

먼저 시작점인 git Tutorials만 살펴보고는 어안이 벙벙해졌습니다.

정말 본격적으로 시작합니다.

Using React with ES6를 살펴 보면

정말 React를 공부하기에 좋은 글들로 링크를 제대로 모아둔거 같다는 느낌이 확 들지 않나요?

아! 모두 영어라는 어려움이 있지만, 개발자는 매일 영어를 쓰고 살잖아요. 그죠? if, for, in 막 클래스 이름도 다 영어로 짓고…

본격적으로 React를 공부하시겠다고 생각하시는 분들은 이 프로젝트를 주목하세요.

By Keen Dev on April 16, 2016.

Exported from Medium on May 31, 2017.

Two days of new products, tools, interactive demos and speakers to help you build, grow and monetize your apps. Whether you’re joining us in San Francisco or watching F8 from around the world, join us for a glimpse into the future of Facebook and learn more about our family of apps and services. — facebook page

이틀간의 f8행사가 끝이 났습니다. 이번 f8에 어떤 이슈들이 있었는지 다들 궁금해 하실 찰나에 facebook에서 자신들의 행사 앱을 오픈소스로 풀어버린다는 얘기가 나왔고 바야흐로 깃헙에 등록이 되었습니다.

당연히 어제 순위는 당연히 1등으로 등장!

2014/04/15 Today’s Best( 1k+ ★)

fbsamples/f8app
_f8app - Source code of the official F8 app of 2016, powered by React Native and other Facebook open source projects._github.com

소스가 React-Native로 되어 있다고 하길래 바로 다운 받아 보았습니다.

설치

\# 먼저 git repo에서 클론을 받습니다.  
$ git clone [https://github.com/fbsamples/f8app.git][anchor2]  
$ cd f8app \# 폴더로 들어가서  
$ npm install \# npm module 설치  
$ (cd ios; pod install) \# only for iOS version  
$ npm start \# 서버를 구동  
$ npm run import-data \# mongodb 에 data를 import 합니다

혹시 mongodb와 cocoapod이 설치되어 있지 않다면 설치합니다.

실행

$ react-native run-ios

다음과 같은 화면을 거쳐 facebook계정으로 로그인을 하고 나면

다음과 같은 화면을 만날 수 있습니다.

왜 같은 react-native app인데 제가 만든 건과 다른지 모르겠습니다. ㅎㅎ

소스를 살펴보죠.

시작은 보통의 다른 예제와 극히 다를바 없는 소스구조를 갖고 있습니다.

소스 구조는 index.ios.js -> js/setup.js 로 넘기는 역할을 하고 있습니다.

babel, eslint, gitignore, watchman등이 설정파일로 담겨져 있습니다.

License는 저작권 명기만 하면 되는 수준인 거 같습니다.

setup.js를 살펴보면 눈에 띄는 것은 parseServer/react-native 쪽입니다.

서비스를 종료했다고 하는데 여기 저기서 많이 쓰이는군요. 그리고 facebook 앱에서도 react-redux 를 쓴다는 사실이 확인 되었군요!

React-native 로 앱을 만들고 있는 사람들에게는 정말로 좋은 Best-Practice가 나온 거 같습니다. 중요체크!

By Keen Dev on April 14, 2016.

Exported from Medium on May 31, 2017.