# zustand

10개의 포스트
post-thumbnail

[React] typescript + zustand에 immer 적용하기

React ts 환경에서 zustand 사용시 immer 적용하는 방법

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

Typescript 에서 Zustand 배우기

Zustand에 대하여 공부하기 앞서, 왜 Zustand인지 알아보도록 하겠다. 우선, Zustand vs Recoil vs Jotai vs Redux vs Context API 등 전역상태관리에 대해 여러가지 방법들이 존재한다. 그중에 Zustand를 택한건 크게 두

2022년 7월 7일
·
0개의 댓글
·
post-thumbnail

[React] Flux 패턴에 대해서: Redux와 Zustand

flux 패턴이 왜 탄생했는지에 대해서는 다른 분들이 잘 정리한 글을 참조하는 더 좋을 것 같아서 링크로 대체하겠습니다.페이스북 flux document리덕스 공식 문서 - 기존 기술Redux는 Flux 패턴의 중요한 특징들로부터 영감을 받아 제작된 라이브러리이다.Re

2022년 5월 27일
·
0개의 댓글
·
post-thumbnail

[TerraBlock] 리액트로 2D 마인크래프트 만들기

게임을 만들기 위해 리액트를 사용하는게 아닌, > 리액트 실력을 키우기 위해 게임을 만들고 있습니다. 🤔 사이드 프로젝트로 게임을?? 🤔 1. 리액트 실력을 키우기 위해 간단한 게임들을 사이드 프로젝트로 해보니 깊게 생각해야 할 부분도 많고 간간히 알고리즘이 필

2022년 5월 19일
·
0개의 댓글
·
post-thumbnail

[Zustand] 초간단 전역 상태관리! (ft.Typescript)

간단하게 store, state, setState 사용

2022년 4월 14일
·
0개의 댓글
·

Zustand 기본 사용방법 (리덕스보다 쉽다.)

기본 설치 방법.파일저장소 생성가져오기아무 컴포넌트에서나 사용가능저장소안에 두번째 저장소 만드는법.디버깅툴 사용법임포트 후에 create 를 devtools로 감싸주기

2022년 3월 18일
·
0개의 댓글
·

React - 상태관리

React에서의 상태관리의 필요성을 느낄 때는 언제인가일단 React는 state를 props로 넘겨 받으면서 data를 공유한다.setState로 data를 수정하고 리렌더링 되어진다.근데 이 과정이 많아지고 프로젝트의 크기가 커지면, 상태관리의 필요성이 더욱 부각되

2022년 3월 14일
·
0개의 댓글
·
post-thumbnail

Zustand - 상태 관리 라이브러리

요즘 새롭게 떠오르고 있는 상태 관리 라이브러리인 Zustand를 사용해 봤다. 왜 Zustand 인가? 지금까지 React 환경에서 상태 관리를 위해 Context API를 사용해왔다. 얼마 전 Context API를 사용해 다크 모드(고대비) 기능을 구현하던 중 의도치 않은 리랜더링이 일어나 곤란했던 경험이 있다. Context API를 사용하기...

2022년 3월 13일
·
1개의 댓글
·
post-thumbnail

[React js] 상태관리 - Zustand

React에서의 상태관리 방법은 아주 다양해요.대표적으로 Context Api, Redux, MobX... 등이 있어요. 그 중에서도 Redux는 개인적으로 문법이나 사용하는 방법이 좀 난해한 편이더라구요. 초기설정부터 문법까지 익히는 데 좀 어렵다라는 느낌을 많이 받

2022년 3월 13일
·
0개의 댓글
·