반응형
snowman95
코딩수련장
snowman95
전체 방문자
오늘
어제
  • 분류 전체보기 (229)
    • 앱테크 (3)
    • 옵시디언 (5)
    • 드라마, 영화 (1)
    • 개발자 이야기 (23)
    • 프로젝트 (10)
      • 프로젝트 방법론 (7)
      • 프로젝트 기록 (2)
      • Github (1)
    • 개발 지식 (0)
      • 디자인 패턴 (0)
    • 프론트엔드 개발 (5)
      • 테크트리 (2)
      • React.js (19)
      • ReactNative (2)
      • Next.js (6)
      • GraphQL (6)
      • 패키지 매니저 (2)
      • 라이브러리 (3)
      • 상태관리 라이브러리 (4)
      • Web 지식 (3)
      • HTML CSS (26)
      • Javascript (16)
      • 도구 (Tool) (3)
      • 성능 최적화 (1)
      • 디자인시스템 (0)
    • Python (53)
      • 모음집 (1)
      • 문법 (12)
      • 라이브러리 (15)
      • 알고리즘 (10)
      • 백준 문제풀이 (9)
      • 코딩테스트 (2)
      • 도구 (Tool) (3)
    • C++ (20)
      • 알고리즘 (6)
      • 삼성SW기출 (6)
      • 삼성 A형 (6)
    • 데이터사이언스 (1)
    • 인프라 (9)
      • 하드웨어 지식 (4)
      • Ansible (2)
      • Database (2)
      • 쉘스크립트 (1)
    • 주식 (0)
    • 취업 준비 (4)
      • 취업 이야기 (0)

블로그 메뉴

  • 홈
  • 태그

공지사항

인기 글

태그

  • A형
  • 오블완
  • 면접
  • 나의 해방일지
  • GraphQL
  • 전공요약
  • 백준
  • 티스토리챌린지
  • 언어
  • 삼성SDS
  • 전공 요약 #데이터베이스
  • 알고리즘
  • 전공 요약 #운영체제
  • 전공 요약 #네트워크
  • 공간복잡도
  • Next.js #graphql #tailwind.css
  • nextjs
  • 삼성SW역량테스트
  • 기계식키보드 #nuphy
  • C++

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
snowman95

코딩수련장

Jotai 와 Zustand 는 무엇이 다른가요?
프론트엔드 개발/React.js

Jotai 와 Zustand 는 무엇이 다른가요?

2023. 2. 5. 19:34
728x90
반응형

Jotai 와 Zustand 창시자 dai-shi 의 글

 

How is jotai different from zustand? · Issue #13 · pmndrs/jotai

Name Jotai means "state" in Japanese. Zustand means "state" in German. Analogy Jotai is close to Recoil. Zustand is close to Redux. Where state resides Jotai state is within Rea...

github.com

 

요약

  • Zustand는 기본적으로 단일 Store입니다. (여러 Store을 만들 수 있지만 분리되어 있습니다).  Zustand는 외부 저장소이며 후크는 외부 세계를 React 세계에 연결하는 것입니다.
  • Jotai는 원시 원자이며 그것들을 구성합니다. 이런 의미에서, 그것은 멘탈 모델을 프로그래밍하는 문제입니다. useState+useContext를 대체하는 것으로 볼 수 있습니다. 여러 컨텍스트를 만드는 대신 원자는 하나의 큰 컨텍스트를 공유합니다.

 

언제 사용해야 하나요

  • useState+useContext를 대체해야 하는 경우 jotai가 적합합니다.
  • React 외부에서 상태를 업데이트하려면 zustand가 더 잘 작동합니다.
  • 코드 분할이 중요한 경우 jotai가 잘 수행되어야합니다.
  • Redux devtools를 선호한다면 zustand를 사용하는 것이 좋습니다.
  • 서스펜스를 활용하고 싶다면 jotai가 바로 그 중 하나입니다.
  • 두 반응 렌더러 사이를 연결하기 위해 글로벌 저장소가 필요한 경우 zustand만 작동합니다. (Jotai의 공급자없는 모드에서는 더 이상 유효하지 않지만 Zustand가 더 잘 작동 할 수 있습니다.)
반응형
저작자표시 비영리 동일조건 (새창열림)

'프론트엔드 개발 > React.js' 카테고리의 다른 글

React Query 캐시 초기화 후 다시 받아오기  (0) 2023.06.14
서버사이드 렌더링를 사용하더라도 결국 다운받는 HTML 파일 크기를 줄여야 사용자에게도 구글봇에게도 유리하다.  (0) 2023.02.05
웹 프론트엔드 유용한 링크 모음  (0) 2023.02.04
자바스크립트 모듈 & 번들러 (CommonJS, AMD, ESModule, Webpack, Rollup, Parcel, esbuild, swc, vite, turbopack)  (0) 2023.01.28
Vite 아직 사용하지 마세요!!!  (2) 2023.01.28
    '프론트엔드 개발/React.js' 카테고리의 다른 글
    • React Query 캐시 초기화 후 다시 받아오기
    • 서버사이드 렌더링를 사용하더라도 결국 다운받는 HTML 파일 크기를 줄여야 사용자에게도 구글봇에게도 유리하다.
    • 웹 프론트엔드 유용한 링크 모음
    • 자바스크립트 모듈 & 번들러 (CommonJS, AMD, ESModule, Webpack, Rollup, Parcel, esbuild, swc, vite, turbopack)
    snowman95
    snowman95
    (17~19) Unity/Unreal Engine 게임 프로그래머 (20~21) System Administrator ___________ (22~) React 웹 프론트앤드 개발자 __________ 깃헙 : https://github.com/snowman95

    티스토리툴바