Don't think! Just do it!

종합 IT 기술 정체성 카오스 블로그! 이... 이곳은 어디지?

React Native 3

useInfiniteQuery + Firestore

React Query에서 나름 강력크한 기능 중 하나가 infiniteQuery지. Flatlist로 무한 스크롤 같은 거 구현할 때 데이터를 계속 읽어와야 하잖아. 그럴 때 useInfiniteQuery를 사용해서 연속적으로 데이터를 읽어와. 무한 스크롤 안들어간 앱 찾기가 힘드니까 거의 필수라고 볼 수 있지. Query할 DB는 다른 건 열심히 안해봤고 Firestore는 지금 사용중인데 잘 돌아가네. useInfiniteQuery 원래 문서는 아래 링크에 있으니까 참고해 https://react-query.tanstack.com/reference/useInfiniteQuery useInfiniteQuery Subscribe to Bytes Your weekly dose of JavaScript ne..

React Native 2022.05.26

Recoil 가장 기본적인 사용법

난 최근에 React native를 시작해서 그런지 왠만하면 최신 라이브러리를 사용하고 싶더라고~ 그래서 상태 관리 라이브러리도 가장 최근에 나온 Recoil을 사용하고 있어. Redux가 가장 유명한 거 같은데 ㅎㅎ 난 한번도 써본적이 없어. MobX도 마찬가지고. Context도 몰라. 상태 관리 라이브러리라고 뭐 거창하게 이름붙여 놨지만 결국 React에서 하위 컴포넌트로 props 계속 넘겨주기 힘드니까 전역 변수 쓸라고 만드는 거 아냐? ㅋㅋ 난 이렇게 이해하고 있어 아니면 알려줘. React 할 줄 알면 Recoil도 크게 어렵지는 않은 것 같아. 약간 useState 훅 사용하는 느낌이랄까? 간단하게 사용법을 살펴보자면, 일단 Recoil을 사용하려면 RecoilRoot로 최상위 컴포넌트를 ..

React Native 2022.05.24

React Native 함수 컴포넌트 vs 클래스 컴포넌트

React Native 프로젝트 할 때, 난 함수 컴포넌트만 쓰는데 다른 회사는 어떤지 모르겠네? 검색하다보면 스택오버플로우에도 Class 컴포넌트로 되어 있는 코드가 많던데 난 그놈에 this가 너무 꼴보기 싫어서 함수 컴포넌트만 사용해. 1인 기업이라 누가 뭐라할 사람도 없고 ㅎㅎㅎ 그래도 궁금해서 조금 찾아보니 함수 컴포넌트와 클래스 컴포넌트 차이가 없다고 그러네. 둘 다 몇 가지 추가 기능이 있다고는 하는데 크게 문제 없는 것 같아. 그런데 Hook 에서 이유를 좀 찾을 수 있겠더라구. reactjs.org에서 Hook 문서보면 첫줄에 나와. Class 없이 리액트 사용하고 싶다고 ㅋㅋ 좀 더 읽다 보면 hook 만든 동기가 나오는데 요약하자면 class가 많은 문제를 만든다 그래서 별로다~ 결국..

React Native 2022.05.18
반응형