examples: use initializableAtom(Family)

recruit-tech · Aug 2, 2022 · b07ca37 · b07ca37
1 parent 2d14b85
commit b07ca37
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/examples/history-sync-json/src/components/Counter/index.tsx b/examples/history-sync-json/src/components/Counter/index.tsx
@@ -1,11 +1,11 @@
 import { number } from '@recoiljs/refine'
 import { useRecoilState } from 'recoil'
 import { syncEffect } from 'recoil-sync'
-import { atomFamilyWithInitialValue } from 'recoil-sync-next'
+import { initializableAtomFamily } from 'recoil-sync-next'
 
 import styles from './index.module.css'
 
-export const counter = atomFamilyWithInitialValue<number, string>({
+export const counter = initializableAtomFamily<number, string>({
   key: 'counterState',
   effects: [syncEffect({ refine: number() })],
 })

diff --git a/examples/history-sync-json/src/components/Textfield/index.tsx b/examples/history-sync-json/src/components/Textfield/index.tsx
@@ -1,11 +1,11 @@
 import { string } from '@recoiljs/refine'
 import { useRecoilState } from 'recoil'
 import { syncEffect } from 'recoil-sync'
-import { atomWithInitialValue } from 'recoil-sync-next'
+import { initializableAtom } from 'recoil-sync-next'
 
 import styles from './index.module.css'
 
-export const textState = atomWithInitialValue<string>({
+export const textState = initializableAtom<string>({
   key: 'textState',
   effects: [syncEffect({ refine: string() })],
 })

diff --git a/examples/url-sync-json/src/components/Counter/index.tsx b/examples/url-sync-json/src/components/Counter/index.tsx
@@ -1,11 +1,11 @@
 import { number } from '@recoiljs/refine'
 import { useRecoilState } from 'recoil'
 import { syncEffect } from 'recoil-sync'
-import { atomFamilyWithInitialValue } from 'recoil-sync-next'
+import { initializableAtomFamily } from 'recoil-sync-next'
 
 import styles from './index.module.css'
 
-export const counter = atomFamilyWithInitialValue<number, string>({
+export const counter = initializableAtomFamily<number, string>({
   key: 'counterState',
   effects: [syncEffect({ storeKey: 'url-json-store', refine: number() })],
 })

diff --git a/package.json b/package.json
@@ -37,10 +37,13 @@
     "lint-fix:ex": "run-s -c lint-fix:ex:*",
     "lint-fix:ex:eslint": "CMD=lint-fix:eslint run-s -c run-ex:*",
     "lint-fix:ex:prettier": "CMD=lint-fix:prettier run-s -c run-ex:*",
+    "local-copy": "CMD=local-copy run-s -c run-ex:*",
     "test": "jest",
     "prepare": "simple-git-hooks",
     "run-ex:history-sync-json": "yarn --cwd examples/history-sync-json run $CMD",
-    "run-ex:url-sync-json": "yarn --cwd examples/url-sync-json run $CMD"
+    "run-ex:history-sync-transit": "yarn --cwd examples/history-sync-transit run $CMD",
+    "run-ex:url-sync-json": "yarn --cwd examples/url-sync-json run $CMD",
+    "run-ex:url-sync-transit": "yarn --cwd examples/url-sync-transit run $CMD"
   },
   "simple-git-hooks": {
     "pre-commit": "yarn run lint:lib:eslint && yarn run lint:ex:eslint && yarn run test"