→ 전역 상태 관리 라이브러리

[목차]

설치

npm install recoil

RecoilRoot

//index.tsx

import { RecoilRoot } from 'recoil';

...

root.render(
		<RecoilRoot>
	    ...
	    <App/>
	    ...
		</RecoilRoot>
  );
  ...
)

Make Atom

import { atom } from "recoil";

export const Atom = atom({
  key: ... ,
  default: true,
});

useRecoilValue (Use Atom)

import { useRecoilValue } from "recoil";

const tem = useRecoilValue(Atom); //Atom은 import해서 가져옴 

console.log(tem) // true