I am unexperienced in javascript. I am looking to build a platform where the core component will be a "builder". It will involve a tree of blocks, with possibility to add, delete, modify blocks, with drag and drop features, scrolling, zooming and de-zooming.
I am trying to figure out what a good library would be to do this. Should I do this in vanilla JS? Are frameworks such as Angular or React useful for this, or are they more useful for other things?
Many thanks.
Looking up a few things, I found:
- FabricJS
- EaseIJS
- Konva
- PaperJS
- Pixi.js
I am also trying to understand how this would relate to using a framework such as React for building the rest of the platform (tabs, signing in, navigation). I figure that they can be combined because their use cases are different. Any guidance is appreciated.
Edit:
I took a further look and it seems like using canvas would be overkill for my project. I'm not building a game, I don't need complex shapes or anything like that. I'm just going to be making the same boxes over and over. What I'm looking for is something that allows me to display them, move them around, connect them and edit them. Basically a diagram editor. I think that libs like these would be a better approach: