react

Recoil을 전역 상태관리 라이브러리로 리액트 친화적인 문법과 그 사용이 간편한 라이브러리로 CNU SW 아카데미 TA님에게 추천받은 상태관리 라이브러리이다. 리덕스는 그 이후에 사용할 것이기 때문에 우선, recoil의 사용방법에 대해 포스팅하고자 한다. 이 글을 읽으면 아주 기본적인 recoil 사용방법을 알게 될 것이다. Recoil 설치 npm install recoil RecoilRoot import React from 'react'; import { RecoilRoot, } from 'recoil'; function App() { return ( ); } recoil의 상태를 사용하는 컴포넌트는 부모트리 어딘가에 나타나는 RecoilRoot가 필요하다고 한다. 공식 홈페이지에서는 루트 컴포넌..

- 상태관리는 데이터를 전역적으로 관리하여 불필요한 렌더링을 줄이고 props drilling을 피할 수 있다. - 상태들이 복잡하게 얽혀있다 상호의존성이 높아UI가 어떻게 변하는지 알기 어렵다. 프로젝트가 커지고 state가 수십~수백개가 된다면 상태관리가 당연히 필요할 것이다. 1. context api 간단한 프로젝트에서는 props drilling을 피할 수 있는 좋은 대안이 될 수 있다. useReducer를 같이쓰는 경우가 많다. useReducer는 state를 한 곳에서 관리할 수 있게 한다. 2. redux 보일러 플레이트가 복잡하다고 하는데 redux toolkit으로 쓰면 더 쉽고 거기에 타입스크립트로 쓰면 큰 프로젝트 스케일링하기도 편하다고 한다. "제가 경험한걸로는 쇼핑몰 장바구니..