Vigyata.AI
Is this your channel?

Developing Drag and Drop

739 views· 19 likes· 36:51· Nov 5, 2020

🛍️ Products Mentioned (1)

Failed stream for Drag and drop. Talked to Chat. Fought with webpack Sponsor Me: https://github.com/sponsors/zsarnett/dashboard

About This Video

In this stream I was planning to do some real drag-and-drop development for Home Assistant dashboards—specifically the frontend work to get the basics in place: drag, resize, and save the layout back to your dashboard. I also talked through what I consider the MVP after chatting with Bram: get something working, get it into dev, and then iterate. The long-term goal is bigger than just “move cards around”—I want you to be able to edit the same dashboard across multiple viewports (desktop/tablet/phone) without having to maintain totally separate dashboards forever. Reality check: the stream turned into me fighting my build system. Webpack decided to implode at the worst possible time, with missing modules and TypeScript-to-JavaScript build weirdness, so I ended up nuking node_modules, reinstalling dependencies, and generally remembering why I hate bundlers. Along the way I explained the Grafana inspiration (and how they use react-grid-layout), why Home Assistant’s card model makes responsiveness trickier, and why themes shouldn’t break from this change. I didn’t ship code on-stream, but the takeaway is the direction: alpha first, iterate fast, and multi-device editing is the endgame.

Frequently Asked Questions

🎬 More from Zack Barett