4 ms·
Designing a Dataflow Editor with TypeScript and React
- stevenpetryk 5y agoFor anyone intending to use this in production, note that it is inoperable to people who can't use mice (which can be caused by any number of disabilities or conditions).
- adamnemecek 5y agoWhat is the alternative?
- nerdponx 5y agoWhat are some accessibility interfaces/strategies for art/design tools? Surely some of those can be adapted here.
- ACAVJW4H 5y agoThese look relevant if anyone is interested in developing node based tools with react https://reactflow.dev https://reactflow.dev https://flume.dev https://flume.dev
- ampdepolymerase 5y agoAlso https://rete.js.org/ https://rete.js.org/
- vladsanchez 5y agoFlume and ReactFlow are Fire! Thanks for sharing.
- Blahah 5y agoAs someone who's been building small projects with these kinds of libraries for years now, https://x6.antv.vision/en https://x6.antv.vision/en is absolutely incredible. All the antv libraries, especially when combined, are a vast distance ahead of anything else (most importantly in their conceptual foundations and design), and I highly recommend playing with them.
- ampdepolymerase 5y agoCan you elaborate?
- nefasti 5y ago"Our broader goal in writing this up was to illustrate some higher-level TypeScript features and type-driven design patterns in the practical context of modern web development." Is type-driven design a think? For me it's just development ...
- Veuxdo 5y agoIt's rarer these days, but there are still plenty of devs who don't think static types are important.
- drewcoo 5y agoIs it rarer because of all the devs who decided that static types are a substitute for unit tests?
- robertlagrant 5y agoI think the reverse is more common.
- exdsq 5y agoYeah, check out Type Driven Design with Idris or this presentation https://fsharpforfunandprofit.com/ddd/ https://fsharpforfunandprofit.com/ddd/
- broose_goose 5y agoIt’s as opposed to db driven design, or object oriented design
- nargella 5y agoLove to see other flow based applications. Fluxion (https://fluxion.app https://fluxion.app) was my baby for a long time.
- isuckatcoding 5y agoThe one thing that I always wonder about things like this which is basically Figma or Miro is how you persist / store the coordinate of the nodes given the user might have different screen sizes or resize their window etc.
- Blahah 5y agothe screen, or rather whatever container is rendered on the page, is just a viewport to an underlying canvas. The canvas can be zoomed and panned, and the focus of the panning and level of the zoom can be synced across machines. People with different size or shape viewports see slightly different cropping, but they are looking at a synchronised canvas through that viewport.
- isuckatcoding 5y agoHmm Right that makes sense but you have to give some width/height to the container right? I guess you can set it something absurdly large.
- FractalHQ 5y agoNice, too bad it’s React. Once you go Svelte you can’t go back.