recoil - deptno/deptno.github.io GitHub Wiki

recoil

๊ธ€ ์ž‘์„ฑ ์‹œ์ : 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>
  )
}

link

โš ๏ธ **GitHub.com Fallback** โš ๏ธ