koeit/tree-functionality

A ReactJS project, written in TypeScript which implements a (UI Framework) Tree and it´s functionality.

Example Project

A ReactJS project, written in TypeScript which implements a (UI Framework) Tree and it´s functionality. The functionality manages a object array with 0...n children of the same object array. This managed object array will be mapped (after changes are made) to a styled data array which the tree component needs.

The goal 🏁 of this is to reach a separation between data and styled data for easy efficient data manipulation.

---

done	in work
✔️	❌

---

• Used UI Frameworks:
  • ✔️ ant.design
  • ❌ mui.com

Functionality contains:

• ✔️ Lazy data loading simulation (real world usecase is to get only needed data from backend & database)
• ✔️ Add root/child node
• ✔️ Delete root/child node
• ✔️ Rename root/child node
• ✔️ TreeData manipulation in whole project (mobx store)
• ✔️ alphabetical sorting of root/child nodes
• ✔️ separation between data and styled data