{value}
\n \n{value}
;\n};\n```\n\n`selectorNode` 또한 어디서 선언하는지는 중요하지 않습니다. 어디서든 해당 selector를 사용하고 싶다면 `useStoreSelectorNode` 훅으로 사용해주세요.\n\n### async `StoreSelectorNode` 사용하기\n\n`StoreSelectorNode`는 비동기적으로 계산될 수 있습니다. `addStoreSelectorNode`에 비동기 `selector`를 넣으면 됩니다.\n\n```ts\nimport { addStoreSelectorNode } from \"@custardcream/very-simple-store\";\nimport { storeNode } from \"./storeNode\";\n\nexport const asyncStoreSelectorNode = addStoreSelectorNode({\n key: \"asyncStoreSelectorNode\",\n selector: async ({ get }) => {\n const storeValue = get(storeNode);\n const result = await fetchData();\n\n return storeValue + result;\n },\n});\n```\n\n이렇게 선언된 `asyncStoreSelectorNode`는 위와 동일하게 `useStoreSelectorNode` 훅을 통해 사용할 수 있습니다.\n\n```tsx\nimport { useStoreSelectorNode } from \"@custardcream/very-simple-store\";\nimport { asyncStoreSelectorNode } from \"./asyncStoreSelectorNode\";\n\nconst Component = () => {\n const { value, isLoading, currentlyLoadingCount } = useStoreSelectorNode(asyncStoreSelectorNode);\n\n if (isLoading) {\n return로딩 중...
;\n }\n\n return{value}
;\n};\n```\n\n비동기 상태가 준비중인지 여부는 `isLoading`으로 확인할 수 있습니다.\n\n또한, 해당 selector 함수가 현재 비동기적으로 몇 개 호출되고 있는지도 `currentlyLoadingCount`로 알 수 있습니다.\n","readmeFilename":"README.md"}