오늘의 리액트 공부정리

dowon kim·2022년 9월 21일
0



커스텀 훅 생성중 , 타입스크립트로 매개변수의 형식을 정해줄 때 , any로 잡아줄 경우 매개변수의 any와 result의 any가 같은 형태일 것이라는 보장을 받을 수 없으나 , 제네릭을 사용하면 이를 확실하게 일치하게 하는 보장을 받을 수 있다.



위와같이 변경가능


각자 다른 도메인을 사용하는 서버간 쿠키 전송을 위한 withCredentials: true



함수형 프로그래밍에서 컴포넌트를 짤때 바깥매개변수를 받는 형식으로 코드를 짤때 일반 js와 달리 타입스크립트는 오류를 발생시키므로 , children이 있을때는 리액트의 FC를 받아서 타입을 FC로 지정해주고 없을때는 VFC로 지정해준다.


리턴은 반드시 모든 콜백함수와 훅스 아래에 내려와야 하며, 그렇지 않은경우 오류가 발생한다.




mutate 기능을 swr에서 가져오는 경우 , 그렇지 않을때 [useSWR 로 fetcher를 무조건 한번은 실행하는 구조일 경우,]에 비해 fetcher를 한번도 실행하지 않고도 mutate를 통한 비동기 통신이 가능케끔 한다


컴포넌트에서 useSWR의 남용으로 인한 서버의 리소스 걱정을 덜기위해 dedupingInterval를 사용하고 , 이를 통해 정해진 기간동안은 서버와 통신하지않고 캐시에 남은 데이터를 기반으로 상호작용을 한다.



swr은 단순한 비동기처리 도우미가 아니라 , 위와같이 로컬 데이터도 관리가 가능하다
전역관리자 라고 할 수 있다.

swr를 잘 쓰기 위해서는 그저 비동기처리에만 국한되지 않게 넓게 사용하는게 중요하다
다양한 구조의 fetcher를 작성하고 , 같은 신호를 다양한 fetcher로 처리하기 위해 위와같이 해쉬를 통해 백서버는 같은 신호를 받게 만들면서 다양한 fetcher를 사용하는게 가능하다

profile
The pain is so persistent that it is like a snail, and the joy is so short that it is like a rabbit's tail running through the fields of autumn

0개의 댓글