BEST
개발 · 프로그래밍

/

풀스택

[리뉴얼] React로 NodeBird SNS 만들기

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

(4.9) 수강평 178개

수강생 3,677명

Thumbnail

react-query 버전 nodebird

안녕하세요. 제로초입니다.

Next와 Redux는 사실 연동이 매끄럽지가 않습니다.

그래서 강좌 막바지에 SWR을 소개해드렸는데, SWR도 1버전이 나온지 얼마 안 돼서 기능이 많지는 않습니다.

그래서 react-query로 redux를 걷어내고 서비스를 재구성해보았습니다. 아마 리뉴얼을 한다면 react-query로 하지 않을까싶네요(조만간 리뉴얼한다는 소리는 아닙니다).

인터섹션옵저버 + 인피니트스크롤링 모두 적용했습니다. 또한 사용자 정보를 SSR 할 필요는 없으므로 그 부분을 걷어냈습니다.

https://github.com/ZeroCho/react-nodebird/tree/master/react-query

여기서 소스 보시면 됩니다. 백엔드도 살짝 바뀌어서 react-query의 back을 사용하셔야 합니다.

감사합니다.

제로초 드림.

댓글