본문 바로가기

Recoil

(2)

[ React ] 상태 관리 툴 비교 분석 Recoil vs Zustand 회사에서 새로운 React 프로젝트를 세팅중인데, 전역 상태관리 툴 중에서 팀원들이 빠르게 배우고 활용할 수 있도록 쉽게 React 프로젝트의 상태 관리가 가능한 툴 2가지를 비교해 보게 되었다. Recoil (v0.7.7 기준) 전체 카운터 코드 counter sample code Recoil은 아래처럼 쓰인다. (테스트 코드 일부) import "./App.css"; import { countState } from "./state/countState"; import { useRecoilValue, useSetRecoilState, useResetRecoilState } from "recoil"; function App() { const count = useRecoilValue(countState); ..

[ React / Recoil ] React의 상태관리 라이브러리 Recoil의 effects 사용하기. 나는 보통 react 프로젝트를 하게 되면 간단한 상태 관리들은 대부분 recoil을 통해 하는데 이번에 recoil의 부가적인 기능들에 대해 더 서치를 하다가 Atom Effects에 대해 알아보게 되었다. Recoil 공식 페이지의 Atom Effects 설명은 아래 링크를 통해 참고하면 된다. atom effects - recoil recoil 공식 페이지에서 소개하는 atom effects는 부수효과들을 관리하고 Recoil의 atom을 초기화하거나 동기화하기 위해 사용하는 API라고 설명한다. Atom Effects - 상태 지속성 - 상태 동기화 - 히스토리 관리 - 로깅 등에 유용하고 React Effects와도 유사하지만 Atom Effects는 atom을 정의할 때 atom 정의의 일부로..

이전 1 다음

티스토리툴바