learn-anything / react-mindmap

React component for MindNode maps
https://learn-anything.xyz
MIT License
424 stars 108 forks source link

Idea: Mindmap + Outliner #22

Closed naraesk closed 6 years ago

naraesk commented 7 years ago

Hello,

I just discovered react-mindmap and it looks really awesome! I wondered if you are interested in the following idea: Sometimes keywords are net enough and you would like to add further notes/text/comments. Some mindmapping tools support this, but only very limited. E.g., the text is displayed as hover or you have to click a button to see it etc. I think it would be great if you would have a panel on the right side for displaying the content. Would be a great combination of outliner and mindmap from my point of view. I draw a quick moqup:

moqup

What do you think about it?

nglgzz commented 7 years ago

Hey @naraesk, for the new version of learn anything we made a new component [la-map] (https://github.com/learn-anything/la-map), so for the moment we're not actively developing this one.

I really like your idea though, so if you want to try develop it and make a pull request, I'd be happy to add that.

gilesbutler commented 7 years ago

Hey @nglgzz just wondering why you guys decided to develop a new version and not use this one? They look pretty similar what are the differences between the two? Thanks :)

nglgzz commented 7 years ago

Hey @gilesbutler, the main reason is that the component was becoming too specific to our web app. The purpose of this repo it to help other devs that need to render mindmaps in SVG, so if we continued here, we would have made the component useless for people that are not directly involved in the development of Learn Anything or anything related to it.

Besides that after I restructured or DB to optimize it for contribution, the maps structure is a bit less intuitive now, so I also didn't want to lose the ease of use of react-mindmap.

Finally, using the component as a separate project was becoming a fight that involved too many hacks (e.g. for voting and creating resources), so last week I started moving la-map into the main repository of our web app. I had to rewrite most of the component, but I found some huge improvements that could be transferred to this repo too.

Also don't let the outdated README fool you, the two components don't look anything like each other anymore 😄

react-mindmap image

la-map image

gilesbutler commented 6 years ago

Hey @nglgzz thanks for the detailed response :) good to know.

Wow la-map looks awesome now! Keen to see how that progresses 👍