2/16 TIL useApolloClient, React-Hook-Form,Yup,Common-Component

`·2022년 2월 16일
0

여러가지 쿼리방식

useQuery : 컴포넌트 열리면 바로 실행
useLazyQuery : 원하는 시점, 결과가 data로 담기고 바로 렌더링된다.
useApolloClient : 원하는 시점, 결과를 원하는 곳에 담을 수 있다.(axios)

퍼사드 패턴

구조 패턴(Structural Pattern)의 한 종류로, 서브시스템들의 공통적인 기능을 정의하는 단순화된 상위 수준의 인터페이스를 정의하는 패턴이다. 서브시스템들 사이의 종속성을 줄일 수 있다. 즉, 작은 클래스들의 상속과 합성을 통해 더 큰 클래스를 생성하는 방법을 제공하는 패턴으로, 독립적으로 개발한 클래스들을 마치 하나인 것 처럼 사용할 수 있다.

React-Hook-Form

설치
비제어 컴포넌트이다
속도가 빠르다.
바꿀떄 컴포넌트 리렌더링 되지 않는다.

<-> 제어 컴포넌트
중요한 내용을 저장할떄 안전하다.. 느리다

비동기 통신(ajax 통신)

페이지 변환 없이 데이터만 주고 받는 것

yup

$ yarn add yup
$ yarn add @hookform/resolvers

0개의 댓글