목록Framework/React (9)
강신규
React 상태관리 Context
데이터 상태관리 화면사이 매번 props를 넘겨주기는 힘들기 때문에 공통으로 관리하는 곳이 있으면 편리하겠다 싶을때 사용합니다. Context Recoil Redux mobx xState 등 다양한 라이브러리가 존재하고 각 방법만의 장단점이 존재합니다. Context를 이용하여 Loading 관리를 진행하려합니다. 구조 Loading 같은 경우에 공통적인 공간에 한곳에서 관리되면은 편리하기 때문에 isLoading 이 true일때는 로딩화면 false일때는 로딩창을 가려주는 것으로 구조를 나타냅니다. //LoadingContext.tsx const initialState = { isLoading: false, }; // 상태를 위한 타입 type State = { isLoading: boolean; };..
Framework/React
2022. 11. 11. 17:46