Development/React Native 87

React-navigation v5 에서 v4 때 쓰던 API 사용하는 방법 (ex. withNavigation, ... )

How to use withNavigation in react-native version 5 https://reactnavigation.org/docs/compatibility/ React Navigation > Note: Before following this guide, make sure that you've followed the [Getting Started](getting-started.md) guide to setup React Navigation 5 in your app. reactnavigation.org 다행히도, v5 이전의 API를 지원하는 패키지가 따로 있다. If you were importing actions from react-navigation, you need to chan..

React Native Boiler Plate NPM package

자주 쓰는 라이브러리 미리 설치된 것으로 볼 수 있는데 npm 패키지 만들어보기. git clone으로 진행했더니 appName 엉망이라....!!!!! 시간 날 때마다 진행해보자. 1. react-navigation v5 / styled-components / vector-icons https://coding-dahee.tistory.com/121 [RN] react-navigation ***v5*** 사용법 [참고링크] https://yuddomack.tistory.com/entry/React-Navigation%EC%9C%BC%EB%A1%9C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%ED%83%AD-%EB%84%A4%EB%B9%84%EA%B2%8C%EC%9D%B4%ED%84%B0-%ED%..

[React Native] react-native-push-notification local notification 안드로이드 알람이 멈추지 않을 때

- 사용 라이브러리 https://github.com/zo0r/react-native-push-notification - 환경 RN 0.61.5 - 버그 안드로이드 설치 따라하고, local notification을 실행시켜 봤는데, 알림이 멈추지 않고 계속 왔다. Android Notification Keep showing infinitely. - Usage PushNotification.localNotification({ /* Android Only Properties */ id: '0', // (optional) Valid unique 32 bit integer specified as string. default: Autogenerated Unique ID ticker: "My Notificatio..

[React Native] NFC 스캔 - 안드로이드

[사용 라이브러리] https://www.npmjs.com/package/react-native-nfc-manager react-native-nfc-manager A NFC module for react native. www.npmjs.com [환경] RN 0.61.5 1. 라이브러리 설치 # RN >= 0.60 npm i --save react-native-nfc-manager 2. Set Up AutoLink가 되므로 안드로이드는 해줄게 없음! 근데 android/app.src/main/AndroidManifest.xml 태그 안에 추가? https://medium.com/@eungook/react-native%EC%97%90%EC%84%9C-nfc%EB%A5%BC-%EC%9D%BD%EC%96%B4%..

[React Native] react-navigation ***v5*** 사용법

[참고링크] https://yuddomack.tistory.com/entry/React-Navigation%EC%9C%BC%EB%A1%9C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%ED%83%AD-%EB%84%A4%EB%B9%84%EA%B2%8C%EC%9D%B4%ED%84%B0-%ED%99%94%EB%A9%B4-%EA%B5%AC%EC%84%B1%ED%95%98%EA%B8%B0 React Navigation으로 로그인, 탭 네비게이터 화면 구성하기 이전에 react-native-navigation 사용법을 포스팅 한 적이 있는데, react-navigation이 react-native-navigation보다 설치도 간편하고, 사용하기 편리하고, 무엇보다 성능이 좋아져서 최근에 자주 사용하고 있습..

[React / RN] Context API (Anti Redux!) with Hooks

https://academy.nomadcoders.co/courses/enrolled/324423 불러오는 중입니다... React Context API: React 16.3 이후 생김 - context api를 hooks와 사용하기 위해 참고한 링크 https://dev.to/nazmifeeroz/using-usecontext-and-usestate-hooks-as-a-store-mnm Using useContext and useState hooks as a store For small to medium Apps, we don't necessarily need to use Redux! dev.to https://velog.io/@i_thank/React-Context-API React Context A..

[React] 실전형 React Hooks 10개

https://academy.nomadcoders.co/courses/enrolled/546456 실전형 리액트 Hooks [중급] JavaScript, ReactJS academy.nomadcoders.co useState, useEffect npm에는 자신의 use~ 라이브러리를 많이 배포해. 수많은 사람들이 자신의 hooks을 공유해. useTitle: react document의 title을 몇개의 hooks와 함께 바꾸는 것 useInput: 그냥 input 역할 usePageLeave: 유저가 page를 벗어나는 시점을 발견하고 함수를 실행함 useClick: 누군가 element 클릭하는 시점을 발견해 useFadeIn: 어떤 element든 상관없이 애니메이션을 element 안으로 서서히..

[더들어야함] React Apollo

DaheeSpace - movieql 서버 돌려야 해! https://academy.nomadcoders.co/courses/enrolled/364948 불러오는 중입니다... 1. 언제나처럼 깃헙 프로젝트 만들기! https://github.com/daheeahn/apollo-2020 daheeahn/apollo-2020 Movie App build with React, Apollo and GraphQL 노마드 코더 아폴로 강의 - daheeahn/apollo-2020 github.com 2. npm install -g create-react-app // React 위해서 필수인가? react-native 처럼? 3. npx create-react-app apollo-2020 4. src 폴더 안에 있..

출처: https://mingos-habitat.tistory.com/34 [밍고의서식지:티스토리]