React Suspense
React query
Next.js v13 + React Query
PWA & Web Push Message
프로젝트의 규모에 타당하되 어느정도 new trand인 상태 관리 라이브러리(zustand, jotai, valtio…)
- https://kir93.tistory.com/entry/React-차세대-상태관리-라이브러리-Zustandredux-toolkit-vs-JotaiRecoil
- valtio의 경우…
- 전역 상태를 직접 변경하는 방식
- suspense를 호환됨.
- zustand의 경우
- 기존 redux가 가지고 있던 flux 패턴의 전역 상태 관리 라이브러리. 코드는 redux보다 더 줄었다
- suspense가 호환안됨
- 셋 중 다운로드 수는 가장 많아서 트러블 슈팅은 그나마 낫다.
- jotai
- recoil이 가지고 있던 atom 패턴의 전역 상태 라이브러리. recoil이 하도 업뎃이 안되서 이 친구가 현재 atom 대장.
- suspense 호환됨.
- young한 recoil같다.
- 경랑화된 API (Minimalistic API)
- String key의 미사용
- 타입스크립트 기반
- utils 함수들의 제공
- 작은 번들 사이즈(단 3kb)
Error Boundary
- 현재, 순수히 Error-boundary만 사용할 경우에는 class형 + lifecycle method로 코드를 짜는 구성임.
React의 Error Boundary를 이용하여 효과적으로 에러 처리하기 | 카카오엔터테인먼트 FE 기술블로그
- 대신, react-error-boundary를 확실히 많이 쓰는 듯 함.