Realtime Shared State

RealtimelyはReactのuseStateを進化させたuseRealtimeSharedStateを提供します。 これは、同一のURLを見ているすべてのユーザのstateを同期させます。

export default () => {        const [slideState, setSlideState] = useRealtimeSharedState({        pageNumber: 1,        enableCursor: false,        enableChat: false    }, "slideState")
    const onClick = () => {        slideState.pageNumber += 1        setSlideState(slideState)    }
    return (        <div>            <button onClick={onClick}>Next</button>            <Slide pageNumber={slideState.pageNumber}>        </div>    )}