# React Native


## 문서

- [[Getting started with Firebase Authentication on React Native]]
- [[React-Native Errors]]
- [[React native - 기본 날씨 앱제작기]]

---

1. [[환경구축]]
2. [[에디터 설치]] - ATOM & Packages
3. [[GIT 사용법]]
3. [[에뮬레이터 설치]]
4. [[UI Toolkit]]
3. [[소스관리]]



## 링크

- [React Native & Firebase: Authentication](https://medium.com/react-native-training/react-native-firebase-authentication-7652e1d2c8a2)
- https://facebook.github.io/react-native/
- [Reactotron](https://github.com/infinitered/reactotron)


## Tutorial

- [React Native Redux Thunk vs Saga vs Observable](http://slides.com/dabit3/deck-11-12#/)
- https://marconijr.com/post/react-native-and-redux/
- https://github.com/alinz/example-react-native-redux
- [Redux Step by Step : 실제 앱을위한 간단하고 탄탄한 워크플로](https://www.vobour.com/book/view/SiDR6QXtoCayx7afd)
- [[React.JS] 강좌 목록](https://velopert.com/reactjs-tutorials)
- [Redux 한글 gitbook](https://deminoth.github.io/redux/)
- [learn-react-in-korean](https://github.com/reactkr/learn-react-in-korean)
- [How to use the FlatList Component — React Native Basics](https://medium.com/react-native-development/how-to-use-the-flatlist-component-react-native-basics-92c482816fe6)
- [react native 튜토리얼 한글판](https://www.gitbook.com/book/g6ling/react-native-tutorial-korean/details)
- https://github.com/g6ling/awesome-react-native
- https://github.com/oblador/react-native-vector-icons#the-icons-show-up-as-a-crossed-out-box-on-android


## 용어

- store : React.js 프로젝트에서 사용하는 모든 동적 데이터들을 담아두는 곳입니다.
- action: 어떤 변화가 일어나야 할 지 나타내는 객체입니다.
- reducer: action 객체를 받았을 때, 데이터를 어떻게 바꿀지 처리할지 정의하는 객체입니다.


## Example

- https://github.com/mmazzarolo/tap-the-number
- [react-native-material-ui-demo-app](https://github.com/xotahal/react-native-material-ui-demo-app)
- [Comprehensive routing and navigation in React Native made easy](https://medium.com/@kevinle/comprehensive-routing-and-navigation-in-react-native-made-easy-6383e6cdc293)
- [React Navigation](https://reactnavigation.org/docs/intro/)
- [React Native Elements UI Toolkit](https://react-native-training.github.io/react-native-elements/)
- [react-native-nw-react-calculator](https://github.com/benoitvallon/react-native-nw-react-calculator)
- [React Native - Using ad admob](https://www.youtube.com/watch?v=_nCgpNZt1DY)
- [React Native Basics: How to Use the ListView Component](https://medium.com/differential/react-native-basics-how-to-use-the-listview-component-a0ec44cf1fe8)

{{youtube>_nCgpNZt1DY}}

## 참고 사이트

- [5 React Native Open Source Projects To Learn From](https://blog.codeinfuse.com/5-open-source-react-native-projects-to-learn-from-fb7e5cfe29f2)
- [react-native-training](https://unbug.gitbooks.io/react-native-training/)
- https://facebook.github.io/react-native/docs/getting-started.html
- [Tutorial: React Native 메시지 앱 제작하기](https://blog.sendbird.com/ko/tutorial-react-native-%EB%A9%94%EC%8B%9C%EC%A7%80-%EC%95%B1-%EC%A0%9C%EC%9E%91%ED%95%98%EA%B8%B0/)
- [ReactNative 튜토리얼 (gitbook)](https://www.gitbook.com/book/g6ling/react-native-tutorial-korean/details)
- https://www.slideshare.net/pouu69/react-native-76921216

---



Airbnb의 테크토크에서 발펴됐던 [Hybrid React Native Apps](https://www.youtube.com/watch?v=tUfgQtmG3R0) 영상을 강력 추천한다.

{{youtube>tUfgQtmG3R0}}

### 추가로 보면 좋을 것 같은 문서, 비디오

- Airbnb Frontend Tech Talk — https://www.youtube.com/watch?v=tUfgQtmG3R0
- Performance Limitations of React Native and How to Overcome Them — -https://medium.com/@talkol/performance-limitations-of-react-native-and-how-to-overcome-them-947630d7f440#.z1bo2rnox
- React Native로 만들어진 유명(?) 앱들 — https://facebook.github.io/react-native/showcase.html

### 팀에 대해 궁금하다면

- [Radish 팀소개](https://github.com/radishmedia/team)