Angular VS Drawflow

The PR relevant to the Resource API: PR60919

In mid-2000s Gmail revolutionized web development by becoming the first true SPA project. Its seamless user experience inspired developers worldwide to adopt this new model, leading to the creation of frameworks like React, Angular and Vue.js. SPAs became the go-to solution for many applications, which required real-time interactions and a fluid user experience.

Angular Docs AI sources are angular.dev, Angular GitHub Discussions and Angular GitHub Issues.

With both the HTTP Resource (more on that later) and the HTTP Client, we need to build the HTTP Resource request. In the upcoming PR for HTTP Resource, Angular has separated types and exposed a new type called HttpResourceRequest. If this is unavailable at the time of reading, you can take the following interface, which is extracted from the PR:

The PR relevant to httpResource: https://github.com/angular/angular/pull/59876

Selectorless template parsing #60724

@Component({ selector: 'app-root', imports: [ HttpResourceBlobComponent, HttpResourceArrayBufferComponent, HttpResourceTextComponent ], templateUrl: './app.component.html', changeDetection: ChangeDetectionStrategy.OnPush, }) export class App { version = VERSION.full; prs = [ 'https://github.com/angular/angular/pull/59876', ]; name = 'httpResource sub-constructors'; description = 'httpResource functions to query non-JSON data'; }

components bindings

❌📄Drawflow - Seems nice, but no docs, and last commit was a year ago

Take a look at https://github.com/jerosoler/Drawflow

I also found LeaderLine and a more complex one, the DrawFlow. The Drawflow one will hard, as the project is on prod and we didn't used canvas. We drag'n'drop on grid and flex lists.

The closest thing I've stumbled uppon is Drawflow, which seems to be made specifically for Vue although it also offers a vanilla JS api. Problem with that is that it's fancy but it's missing a bunch of features, for example custom nodes seem to be created using (don't quote me on this) a plain innerHTML = operation, even if you set the Element as an object (link here) by "registering" it as the documentation says.