메로그

zutand 는 react 상태 관리 라이브러리(중앙 집중형 스토어) 중 하나로, 최근 들어 redux 보다 편하고 가볍기 때문에 많이 사용하고 있는 추세입니다.우선 상태관리 라이브러리는 왜 쓰는지 알꺼기 때문에 디테일한 설명을 들어가지 않습니다~~.실제로 github stars 를 보면, 많은 사용자가 쓰고 있고 라이센스도 MIT 를 사용하고 있습니다. 설치yarn add zustand예제import { create } from "zustand";const counterStore = (set) => ({ count: 0, increment: (val) => set((state) => ({ count: state.count + (val ?? 1) })), decrement: (val) => set(..

리액트에서 컴포넌트로 개발하다 보면, 컴포넌트를 만들어서 재사용하면서 애플리케이션을 만들게 됩니다.그렇다보면, 테스트, 관리포인트를 좀 더 잡고 싶은 경우가 발생하는데 그럴 때 사용하는게 스토리북입니다.StoryBook 왜 쓸까요?StoryBook은 한 줄 요약해서 UI 컴포넌트를 관리, 테스트를 도와주는 도구 입니다.1. 정리하고 설명 요약하는데 편리함.2. 재사용성을 고려한 디자인 & 개발 가능 -> 퍼블리셔, 디자이너 등이 편해짐.3. 테스트 용이 그렇다 보니, 개발자들한테는 불필요한 작업을 줄여줌과 동시에 컴포넌트 단위의 테스트가 가능해집니다.StoryBook 싸이트에 들어가서 showcase 를 들어가면 다른 서비스에서 어떤 식으로 사용하고 있는지 알 수 있습니다.StoryBook 설치 및 사용..