[Setting | ReactNative] 개발환경 구축하기 (8) - Recoil 적용

앱개발시 전역 상태 관리를 위해 Recoil 적용방법을 정리한다.

---

> 작성일 : 2025-02-04
> OS : macOS Sequoia 15.2 (Apple M4)
> NodeJS : v22.13.1
> NPM : v10.9.2
> ReactNative : v0.77
> Device : iPhone se2

---

기본앱 설치 후 진행 - Link
메뉴얼 참고 - Link

---

₩

<1> Recoil 설치

프로젝트 디렉토리에 아래 명령으로 Recoil을 설치한다.

npm install recoil

---

<2> App.tsx파일에서 레이아웃 설정

RecoilRoot로 감사준다.

    <RecoilRoot>
      <ReactQuery>
        <RootNavigator />
      </ReactQuery>
    </RecoilRoot>

---

<3> 상태정의

recoils 폴더를 만들어 상태파일을 만든다.

# sessionState
import { atom } from 'recoil';

const sessionState = atom({
  key: 'session',
  default: {
    alive: false
  }
});
export default sessionState;

---

<4> 상태설정

useRecoilState 함수를 통해 상태를 설정한다.

const [session, setSession] = useRecoilState(sessionState);
setSession({defSession});