recoil - deptno/deptno.github.io GitHub Wiki
๊ธ ์์ฑ ์์ : 2022-05-24 v0.7
-
readonly -> value
-
writable -> state
-
atom ์ํ๊ฐ -> useRecoilState -> useSetRecoilState - updater ๋ฐฉ์ ์ฌ ์ฉ
-
selector ์ํ๊ฐ์ ๊ธฐ๋ฐ์ ๋๊ณ ์ถ๊ฐ ์ฒ๋ฆฌ๋ฅผ ํ ๋ฐ์ดํฐ๋ฅผ ๊ด๋ฆฌ, atom ์ด ์ ๋ฐ์ดํธ๋๋ฉด ๋ค์ ์คํ๋๋ค
get
์Promise<T>
,Promise<T>[]
๋ฅผ ๋ฆฌํดํด๋ ์ฒด์ธ์์ ์ ํจ -> useRecoilValue - set ์ด ๋ด๋ถ์ ์ผ๋ก ์ฐ์ธ๊ฒฝ์ฐ ๋์์ํ ๊ฒ์ผ๋ก ๋ฌธ์ํ๋์ด์์ -> useRecoilState -
selectorFamily 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>
)
}