ReactSyncConnector

알림함수를 관리하고,SyncedStorage 와 useSyncWebStorage 를 연결 하는 모듈입니다.

Signature

declare class ReactSyncConnector<Data> 

Remarks

useSyncWebStorage로 부터 리랜더링을 촉발시키는 알림함수 를 받아 관리하고, SyncedStorage 모듈에 알림 함수를 넘겨주어 useSyncWebStorage와 연결시켜주는 역할을 합니다.

Example

const textStorage = new SyncedStorage<string>("text", localStorage)
const textStorageConnector = new ReactSyncConnector(textStorage)

// Some Action
textStorage.set("Hello, World!")

// Some component
const text = useSyncWebStorage(textStorageConnector) // Wrapping Hook with useSyncWebStorage
console.log(text) // "Hello, World!"

Constructors

Constructor	Modifiers	Description
(constructor)(synced, serverSynced)		ReactSyncConnector 인스턴스를 생성합니다. Storage 모듈에 emitChange 함수를 연결합니다.

Properties

Property	Modifiers	Type	Description
getServerSnapShot		() => NonNullable<Data> | null	서버 데이터의 스냅샷을 반환합니다.
getSnapshot		() => NonNullable<Data> | null	알림함수가 실행되어, 리랜더링 될 시 조회할 데이터를 넘겨줍니다.
listeners		Array<() => void>	알림함수를 저장하는 배열입니다.
subscribe		(listener: () => void) => () => void	useSyncExternalStore에서 알림함수를 받고, 저장해둡니다.