로딩...
recoil
글 작성 시점: 2022-05-24 v0.7
readonly -> value
writable -> state
atom 상태값 -> useRecoilState -> useSetRecoilState - updater 방식 사 용
selector 상태값에 기반을 두고 추가 처리를 한 데이터를 관리, atom 이 업데이트되면 다시 실행된다
get
은Promise<T>
,Promise<T>[]
를 리턴해도 체인에서 유효 -> useRecoilValue - set 이 내부적으로 쓰인경우 동작안할 것으로 문서화되어있음 -> useRecoilStateselectorFamily curried 매개변수를 사용해야 할 때 사용
waitForAll
Promise<T>[]
처리 가능useRecoilCallback - curried
{snapshot, refresh, set}
,snapshot.getLoadable(atom or selector)
useRecoilValueLoadable ReactSuspense 를 사용할 수 없다면 해당 함수를 이용하여 상태에 따른 컴포넌 처리가 가능
- hasValue
- loading
- hasError
useRecoilRefresher_UNSTABLE 순수함수가 아닌경우
atomFamily
import { RecoilRoot } = 'recoil'
const FC = () => {
return (
<RecoilRoot>
</RecoilRoot>
)
}