[리액트 네이티브] 참고할만한 사이트

2019. 5. 29. 00:06Programming/React Native

[페이스북의 리액트 네이티브 공식문서 깃헙(facebook react native)]

정리가 정말 잘되어있기때문에, 이곳의 공식문서로도 대부분은 당연히! 해결가능

기능, 컴포넌트가 있을까? 싶은 것들 검색하면 거의 다 나온다

https://facebook.github.io/react-native/docs/components-and-apis.html

 

React Native · A framework for building native apps using React

A framework for building native apps using React

facebook.github.io

 

 

[리액트 네이티브 깃헙커뮤(react native github community)]

정말 리액트를 하기 좋은 이유는, 깃헙 커뮤, 각종 커뮤가 탄탄하다.. 엄청나다.. 

https://github.com/expo/expo-cli/issues/68

 

Can't install expo-cli · Issue #68 · expo/expo-cli

I can't install expo-cli Expected Behavior I tried npm install -g expo-cli and i had error Observed Behavior C:\Users\antan\Desktop\My documents\WEB-Development>npm install -g expo-cli npm E...

github.com

 

 

 

[엑스포 슬랙(expo slack)]

리액트 공식 슬랙도 존재, 검색하면 진짜 다나온다.

이전에 삽질할때 정말 큰 도움을 얻었다

역시 히스토리 관리와 커뮤의 중요성.. 또 한번 느끼고 갑니다.

expo-developers.slack.com

 

Slack

Too many login failures! Apologies! There were too many SMS message requests in a short period, so you’ll have to wait a moment to try again. Hmmm... something went wrong. Please try again. expo-developers.slack.com or Long password? Hard to type? We can e

expo-developers.slack.com

 

 

[엑스포 지원 컴포넌트, 벡터아이콘(expo icon)]

벡터아이콘을 지원, 위 사이트에서는 검색하여 골라사용할 수 있다.

import한줄로 컴포넌트 그대로 가져와 사용

https://expo.github.io/vector-icons/

 

@expo/vector-icons directory

 

expo.github.io

 

 

[날씨 관련 OPEN Api(openweathermap)]

날씨 관련하여 sign in만 하면, open api를 바로 얻을 수 있다.

키 사용법은 홈페이지에서 바로 알수있다.

https://openweathermap.org/api

 

Weather API - OpenWeatherMap

We have combined our Weather services and Satellite imagery in one simple and fast Agricultural API. Satellite images (True & False color, NDVI, EVI), Weather data (Current and Forecast), Historical data, Soil temperature and moisture, Accumulated temperat

openweathermap.org

 

 

[리액트 네이티브로 만든 앱, 에어비앤비 오픈소스(airbnb open sources, by react-native)]

에어비앤비도 리액트 네이티브로 만들었다.

오픈소스를 공유하고있고 심지어는 유투브로 설명까지 해준다.

한번씩 둘러보면 정말 좋을 것 같다.

역시 세상은 영어를 잘해야해

https://github.com/wcandillon/can-it-be-done-in-react-native/tree/master/season2/airbnb-intro

 

wcandillon/can-it-be-done-in-react-native

Examples used in the "Can it be done in React Native?" YouTube series - wcandillon/can-it-be-done-in-react-native

github.com

 

 

 

[아, 삽질하면서 혹시라도 expo xde download를 원하시는 분들]

ㅋ.. expo xde의 지원은 끝났고 expo cli로 더욱 편하게 react-native개발이 가능해졌지만

혹시라도 삽질중이시거나

xde가 어떻게 생겼는지 보고싶으신 분들을 위해..

깃헙로그에 xde 지원 최종버젼이 아직 남아있습니다.

그냥 궁금하신분들은 참고하세용 (물론 이거로 개발불가능)

설치관련 삽질하시는 분들은 제 블로그 글을 참고하세요...(바로 밑)

https://github.com/expo/xde/releases/

 

expo/xde

The Expo Development Environment. Contribute to expo/xde development by creating an account on GitHub.

github.com

 

 

 

[expo cli 설치 안됨 관련 삽질중이시다면 대부분은 이경우일겁니다]

https://pongsoyun.tistory.com/75

 

[리액트네이티브] npm으로 expo cli가 다운로드 완료되었지만 -bash: command not found(찾을수없음) 의 현상

react native로 프로젝트를 진행할 일이 생겨 여러가지 셋팅을 하려 설치도중, expo xde의 지원이 종료된지 거의 1년이 되었다는 사실을 1분만에 접함!! 하지만 다행히도 expo cli를 설치하면 이제 따로 xde의 필..

pongsoyun.tistory.com

 

 

[안드로이드/ios - 이 화면에서 컴포넌트가 각각 어떻게 보이는지 확인 가능]

expo에서 제공, 간단한 코드는 화면에서 확인 가능

https://snack.expo.io/

 

Snack - React Native in the browser

Try this project on your phone! Use Expo's online editor to make changes and save your own copy.

snack.expo.io