Redux 를 넘어 SWR 로(2) | LearnApplyShare

[utterances-bot]

Redux 를 넘어 SWR 로(2) | LearnApplyShare

앞서 첫번째 글에서는 Redux 를 사용할 때 일반적으로 경험할 수 있는 몇가지 문제들을 언급하였습니다. 이번 글에서는 SWR 은 무엇이고 SWR 이 어떻게 Redux 를 대체할 수 있는 지에 대해 설명해 보겠습니다. SWR은 무엇인가? SWR은 Nextjs 로 유명한 vercel…

https://min9nim.now.sh/2020-10-05-swr-intro2/

[chanhee]

좋은글 감사합니다. 간단한 곳부터 사용해봐야겠네요~

[min9nim]

네 긴글 읽어주셔서 감사합니다. swr 도입 적극 권장합니다. 신세계를 경험하게 되실 것입니다. 😊

[hajoeun]

좋은 글 잘 읽었습니다. 도입부터 마무리까지 swr에 대한 흥미를 돋우기에 너무 좋았습니다. 정말 감사합니다 🙏🏻

[delivan]

좋은 글 감사합니다! 덕분에 리덕스 걷어내고 swr 도입 시작했습니다!

[Hansanghyeon]

좋은 글 감사합니다. 두고두고 찾아 볼꺼같아요

[kibaek-kimm]

좋은글 잘봤습니다 ;)

[jungwone]

새로운 프로젝트에서 상태관리로 무엇을 사용할지 고민중이었는데, swr 도입해봐야겠습니다. 좋은 글 감사드립니다 !

[NAMU1105]

오 좋은 인사이트 감사합니다!

[hanameee]

Redux+saga를 쓰면서 늘어나는 코드량에 질려가는 참이었는데, 단순한 swr 사용법을 넘어 상태관리에 대해 한번 더 생각해볼 수 있는 좋은 글이었습니다. 친절하게 설명해주셔서 감사합니다 ( )

[la094]

도움이 많이 됬습니다. 감사합니다.

[Bhanjo]

next js를 쓰면서 상태관리 라이브러리를 뭘 쓸까 고민했는데 이해하기 쉽게 설명 잘해주셔서 감사합니다!

[yiseul10]

깔끔하고 명료한 설명입니다. 감사합니다:)

[yechukim]

좋은 글 감사합니다 ! 지금도 swr 을 적극 추천하시는지 궁금합니다

글을 읽고 나니 회사에서 redux는 없이 context와 useSWR을 쓰고 있는데 리덕스 없이 상태관리가 잘 될 수 있을 것 같은 기분이 드네요 물론 많은 정리가 필요하겠지만요

[min9nim]

해당 글을 작성한 지 어느 덧 2년이 지났네요..

지난 2년 동안의 경험을 토대로 다시 결론을 정리해 보자면, 리액트 개발시 데이터 fetching 을 위해 SWR 사용은 필수라고 봅니다. 안 사용해 보셨다면 이건 정말 신세계로 다가오실 것입니다/ (SWR 과 비슷한 역할을 하는 react-query 도 좋습니다)

이제는 SWR 이나 react-query 없이 개발하는 것은 상상조차 하기 싫으네요.

본 글에서는 단지 불편했던 redux 를 제거하기 위해, swr 로 로컬상태관리까지 해보길 추천했지만, swr 자체가 본래 데이터 패칭을 위한 도구이기 때문에 아무래도 로컬상태 관리로 활용하기에는 적절하지 않은 것 같습니다.

로컬상태관리는 zustand 를 추천해 봅니다. 매우 직관적이고 사용이 간편합니다

사실 redux 진영에서도 swr 과 react-query 의 인기를 실감하여, 최근? 비슷한 기능으로 RTK query 를 제공하고 있습니다. 하지만 RTK query 는 제가 사용해 보지 않아서 따로 의견을 드리지 않겠습니다.

참고로 로컬상태관리는 zustand 를, 데이터패칭 도구는 react-query 조합을 추천드립니다. 저는 이 보다 더 나은 방법이 있을까 싶을 정도로 만족스러웠습니다. @yechukim

[jsleemaster]

글이 너무 좋아서 진짜 잘 보고갑니다!!