[RN] React Native Libraries

React Query

[React Query 공식문서]
https://tanstack.com/query/latest/docs/framework/react/overview

설치

npm install @tanstack/react-query

yarn add @tanstack/react-query

데이터를 가져오는 과정에는 일반적으로 많은 코드가 필요하다.
React Query를 사용하면 네트워크 요청을 할 때 작성하는 코드의 양을 줄일 수 있다.
훅을 사용하여 useQuery 이전에 작성해야 했던 모든 코드를 대체할 수 있다.
상태 변수를 선언하지 않고도 필요한 모든 데이터를 제공한다.
그럼에도 불구하고 데이터 검색을 더 쉽게 만드는 것은 React Query가 하는 일의 작은 부분만을 다루고 있다. 그 엄청난 힘은 우리가 만드는 요청을 캐시하는 능력에 있다. 결과적으로 이미 요청한 항목이 있으면 별도의 요청을 하지 않고 캐시에서 읽어오기만 하면 되는 경우가 많다. 이는 코드의 반복을 줄이고 API에 가해지는 부하를 줄이며 애플리케이션 관리를 간소화하기 때문에 매우 유용하다.

Zustand

[Zustand 공식문서]
https://zustand-demo.pmnd.rs/

설치

npm install zustand

yarn add zustand

Zustand는 독일어로 '상태'라는 뜻을 가졌고, 간결한 플럭스 원칙을 바탕으로 작고 빠르게 확장 가능한 상태 관리 라이브러리다.

사용방법이 굉장히 간결하고 배우기 싶다.

React Hook Form

[React Hook Form 공식문서]
https://react-hook-form.com/

설치

npm install react-hook-form

yarn add react-hook-form

React Hook Form은 간단한 데이터 유효성 검사를 허용하는 간단한 후크 기반 라이브러리이다. 벤치마크에 따르면 다른 대안보다 훨씬 빠르다. Typescript로 작성되어 양식 값을 지원하기 위해 양식 데이터 유형을 작성하는데 도움이 된다. 이 라이브러리를 사용하면 양식에 오류가 없어져 렌더딩 시간이 영구적으로 단축된다. 또한 React의 상태 관리 라이브러리와 통합하여 사용가능하다.