Francois Laberge (@seflless) on X

X (formerly Twitter) ·

1 min read Original article ↗

Post

Post

Francois Laberge on X: "A demo of hot reloading diagrams into a tutorial web page. Uses @tldraw's VS Code integration. Any changes in the editor immediately show up in the page via Next.js' hot reloading support. When happy with changes, I git commit/push diagram files right alongside the code/text"

  • user avatar

    A demo of hot reloading diagrams into a tutorial web page. Uses

    @tldraw

    's VS Code integration. Any changes in the editor immediately show up in the page via Next.js' hot reloading support. When happy with changes, I git commit/push diagram files right alongside the code/text

  • user avatar

    This uses incomplete features related to SVG generation, so please ignore how the diagrams/SVG dont match across editor and app. You can find the stable VS Code extension here: marketplace.visualstudio.com/items?itemName… Checkout more tricks you can do with the extension:

    user avatar

    My thoughts on the future of version controlled visual file formats & an update on the

    @tldraw

    VSCode extension. It now supports github.dev &

    @github

    Codespaces. Here's me contributing a change in 22s. Get early access to extension & code by sponsoring

    @steveruizok

    user avatar

    Ok, I couldn't help myself, here's an even more responsive version, though buggier.

  • user avatar

    I really love this😍 Editing svg file is the one I really hope... Awsome!