인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST
개발 · 프로그래밍

/

프론트엔드

Slack 클론 코딩[실시간 채팅 with React]

Slack 서비스를 따라 만들며 본격적인 리액트 웹 개발을 시작해봅시다! 회원가입, 로그인, 방 만들기, 실시간 채팅까지!

(4.8) 수강평 90개

수강생 2,815명

Thumbnail
새소식 목록
관리
작성

SWR@1버전, socket.io@4 버전 반영 코드

https://github.com/ZeroCho/sleact/commit/c9cc3b542fe848c5d367022ea5967b300b048ed8

안녕하세요. 수강생 여러분, 제로초입니다.

연휴가 너무 길어서 노는 것도 지겨워져 코딩 중입니다.

SWR 1버전이 출시된지 좀 되었지만, SWR-devtools가 1버전을 지원하지 못해서 코드를 업데이트하지 못하고 있었습니다.

다행히 이제 지원하게 되어서 소스 코드 업데이트를 하게 되었습니다. 추가로 socket.io 4버전도 반영해보았습니다.

일단 가장 큰 차이점은

SWR에서 revalidate가 사라진 겁니다. mutate로 바꾸시면 됩니다(애초에 서버에 재검사한다는 것은 똑같았습니다, 다만 mutate(값, false)하는 경우에만 서버에 재검증을 안 받았던 것이죠)

그 외에도 많은 차이점이 있습니다만 그건 https://swr.vercel.app/blog/swr-v1 링크를 읽어보세요. 프론트엔드는 업데이트가 잦으므로 각 라이브러리 공식문서, 깃헙 CHANGELOG, Release 문서, 블로그 등을 찾아 읽는 습관을 들이셔야 합니다.

SWR 데브툴즈 연결 코드, Socket.io@4 버전에서 바뀐 코드도 반영해두었습니다. 추가로 eslint deps 관련 경고들도 해결해두었습니다(사실 해결 안 해도 됩니다. 경고니까요)

 

또 중요한 버전 업데이트가 있다면 코드 올려드리도록 하겠습니다. 즐거운 추석되세요~!

제로초 드림.

댓글