State란?

이전 글에 이어서 React에서 State란 무엇인지 알고가자.

State

- 렌더링에 영향을 미치는 JS Object이다.

Global State

- 어플리케이션 어디서든지 접근 가능하고 그 변화에 따라 어플리케이션 전반의 렌더링에 영향을 미치는 JS Object.

State의 유형

- server state

서버로부터 불러오는 데이터. 클라이언트가 제어 또는 소유할 수 없어서 서버로부터 특정 시점의 데이터를 가져와 저장해서 사용한다.

즉, 비동기적인 상태

- client state (local client state, global client state 로 나뉨)

언어, UI 테마, 폼 입력, 사이드바 상태 등과 같이 클라이언트가 제어, 소유하는 데이터. 그래서 동기적인 상태를 갖는다.

- local client state

폼 입력, 사이드바 상태 등과 같이 하나 또는 인접한 컴포넌트들에서 이용되는 state.

- global client state

언어, UI 테마 등과 같이 어플리케이션의 여러 곳에서 사용되는 state.

참조: 

리액트 어플리케이션의 상태 관리하기

Apollo에 대해서 찾아보다가 GraphQL,, State복습 + 더 알게 되었다.!! 뿌듯👀