https://github.com/chan9yu/zustand-learning

📚 React에서 Zustand 상태 관리를 연습하고 배우기 위한 레포지토리입니다.
https://github.com/chan9yu/zustand-learning

immer react typescript vite zustand

Last synced: about 2 months ago
JSON representation

📚 React에서 Zustand 상태 관리를 연습하고 배우기 위한 레포지토리입니다.

• Host: GitHub
• URL: https://github.com/chan9yu/zustand-learning
• Owner: chan9yu
• Created: 2024-07-15T14:33:54.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-07-15T15:11:17.000Z (7 months ago)
• Last Synced: 2024-07-15T18:07:20.963Z (7 months ago)
• Topics: immer, react, typescript, vite, zustand
• Language: TypeScript
• Homepage:
• Size: 114 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🧑‍💻 Zustand Learning

> 📚 React에서 `Zustand` 상태 관리를 연습하고 배우기 위한 레포지토리입니다.




## 📝 Learn List

- **Zustand**: Zustand의 기본 사용법과 상태 생성 및 구독

- **Slice 패턴**: 상태를 Slice로 나누어 관리하는 패턴

- **Immer**: 상태 불변성을 쉽게 관리

- **Devtools**: Redux DevTools를 통한 상태 디버깅




## 🚀 Getting Started

로컬 환경에서 앱을 실행하는 방법입니다.

### Prerequisites

해당 앱을 실행하기 위한 필수 조건입니다.

1. pnpm 설치

```shell

# pnpm 설치

npm install -g pnpm

```

2. node setup

```shell

# .nvmrc 기준 node version 설치

# nvm을 사용하지 않는다면 수동으로 노드버전을 맞춰주세요.

nvm use

```

### Installation

1. 프로젝트 클론

```shell

git clone https://github.com/chan9yu/zustand-learning

```

2. 프로젝트 디렉토리로 이동

```shell

cd zustand-learning

```

3. 종속성 설치

```shell

pnpm install

```

4. 개발 서버 시작

```

pnpm dev

```