상태관리2 zustand(with TypeScript) | 사이드 프로젝트에서 사용해보기 앞서 zustand 개념에 대해 공식 문서를 통해 살펴 보았다. → 2023.01.16 - [Front-end] - 🐻zustand 이해하기 그렇다면, 스터디에서 공부한 오픈소스 쇼핑몰 분석 프로젝트에서 사용한 예시를 통해 zustand를 자세히 알아보자! Create a store /store/products/long-sleeve.ts import create from 'zustand'; import { devtools, persist } from 'zustand/middleware'; interface IProducts { products: PhotoType[]; setProducts: (value: PhotoType[], title: string) => void; reset: () => void; .. 2023. 1. 17. 🐻zustand 이해하기 What is zustand? zustand란 단순화한 flux원칙을 사용하는 작고, 빠르고 확장 가능한 아주 기본적인 상태 관리 solution이다. Why zustand over other state management? Redux를 넘어서는 이유. 단순하고, 편향적이지 않다. Simple and un-opinionated 'un-opinioned'의 뜻은 개발자들은 지속가능한 clean code의 quallity를 보장하는 일종의 패턴을 따르고 있는지 확실하게 해야한다는 의미를 담고 있습니다. hook을 통해 상태 소비에 주요 수단으로 사용한다. context provider로 app을 감싸지 않는다. component에게 렌더링을 발생시키지 않고 상태를 전달할 수 있다. context를 넘어서는 .. 2023. 1. 16. 이전 1 다음
