# swr
React SWR 사용하기(기초!)
오늘은 SWR 을 사용하는 방법에 대해서 알아보겠습니다SWR은 vercel에서 제작한, 데이터를 가져오기 위한 모듈입니다. 간단하게 SWR을 어떻게 사용하는 지에 대해 기록하려 합니다.설치npm i swr 혹은 yarn add swr을 이용해 설치 할수 있습니다.SWR
SWR refresh interval
맨처음 개발했던 웹사이트에서 글을 남기면 새로고침 없이 렌더링 되는 방법을 결국 못찾아 결국 새로고침이 되도록 설정했던 경험이 있다. 그 당시에 해결 방법을 못찾았는데 SWR을 사용하면 굉장히 쉽고 간단하게 리랜더링이 가능하다https://swr.vercel.
[FE] Data Fetching Libraries
: 이 글 이전에 2개의 포스팅을 하면서 Redux MiddleWare에 대해서 열심히(?) 알아봐놓고 갑자기 middleware 없이?에 대한 주제로 글을 써본다. 여담이지만 Frontend 개발 시장의 변화 속도는 너무 빨라서 비유적으로 표현해보면 나는 이전 프로젝
SWR mutation(Bound Mutation)
SWR mutate 사용해보고 싶었던 기능이었다. 지금 데이터 하트를 누르면 빨간색으로 변경 되는데 이 기능을 데이터 요청 없이 즉각적으로 미리 보여주고 싶을수가 있다. 사용자가 UI에서 이질감을 느끼거나 데이터 요청의 기다림 없이 해결하고 싶을 때 mutate를 사용
SWR Global Configuration
이제 우리가 사용할 useSWR()를 전역적으로 사용하고 싶다. 훌륭한 기능이다.value={options} 값에는 fetcher를 사용할 것이다. 앞에서 사용한 fetcher를 가져 왔다. 이렇게 하면 SWR에 있는 모든 쿼리에 적용할 수 있게 된다.
custom-hook + SWR
앞에서 기록한 useUser() hook에 SWR 도입하였다.useSWR()을 사용할 때는 2개의 인자가 필요하다. 첫번째는 요청을 보낼 url이고 두번째 인자는 fetcher 함수이다. fetcher 함수는 첫번째 인자인 key에 입력한 url을 받는다. url이 아
SWR
https://swr.vercel.app/koSWR 정말로 사용해보고 싶었다.useSWR(Key, Fetcher) => Fetcher 라는 함수를 이용해 Key 라는 주소에서 가져오는 데이터를 전역적으로 관리 이렇게 설명하면 처음 시도 해보는 나도 이해가 안될
Recoil, Context api, redux, mobx, swr
recoil에 대해 얘기하기 전에 atoms 와 selector에 대해 잠시 짚고 넘어가면.atoms : 상태의 단위이며, 업데이트와 구독이 가능하다. 업데이트 되면 각각의 구독된 컴포넌트는 새로운 값을 반영하여 다시 렌더링된다. atoms는 런타임에서 생성될 수도 있
25) Recoil, Context api, redux, mobx, swr
context apicontext를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있다.일반적인 React 데이터는 위에서 아래로 즉 부모에서 자식으로 props를 통해 전달된다.하지만 여러 컴포넌트에게 전달해줘야한다면
Context api, redux, mobx, swr
React 에는 전역상태를 관리하는 여러가지 라이브러리가 존재한다.하나씩 알아보도록 하자.일반적인 React 애플리케이션에서 데이터는 위에서 아래로 (즉, 부모로부터 자식에게) props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의
Context api, Redux, mobX, SWR
React에서는 전역상태를 관리하는 라이브러리가 다양하게 존재한다. 제일 유명한 상태관리 라이브러리로는 Redux(리덕스)라는 라이브러리가 존재한다. Redux 외에도 여러가지의 상태관리 라이브러리가 존재하는데 그것에 대해 알아보자. 전역상태에 대한 정의 상태관리
SWR[stale-while-revalidate]에 대하여
SWR을 공부하게 된 계기는 작년에 Redux를 사용하여 프로젝트를 진행했다가 길어지는 코드량과 저장하고 있는 데이터를 업데이트 해주기위해서 많은 노력을 하다보니 조금 지쳤던 거 같습니다.다른 라이브러리를 공부하고 싶었고, 그중에서 같은 상태관리 라이브러리는 아니지만