2 ms·
Thank you! The site as a whole is built with Astro and the demos are “islands of interactivity” built with React. The demos are really running Yjs under the ho
by jakelazaroff 2y ago
Thank you! The site as a whole is built with Astro and the demos are “islands of interactivity” built with React.
The demos are really running Yjs under the hood — each “client” has its own document, and when the user clicks I set a timeout to simulate the latency and then manually merge the documents into each other. (There’s a third document too for the timeline in the center.)
Other than that, I’m using dnd kit [1] for the drag and drop functionality in the todos demo, Motion [2] for the animations and CodeMirror [3] for the text editor.
[1] https://dndkit.com https://dndkit.com
[2] https://motion.dev https://motion.dev
[3] https://codemirror.net https://codemirror.net
- stopachka 2y agoThank you Jake! I just played with the motion website and loved it. I am going to try to use it sometime
- techan_liquid 2y agoGreat work Jake! I love the Astro and the “islands of interactivity”. Is it possible to see the repo, if it's public? I couldn't find it anywhere.