Recursive component usage example (draft)

[ceremcem]

This is a draft for recursive component usage:

Example: Recursive Boxes

Boxes might contain some other boxes recursively:

boxes: [
  {width: 1, height: 2, boxes:[
      {width: 44, height: 55},
      {width: 66, height: 77, boxes: [
          {width: 88, height:99}
        ]}
    ]},
  {width: 3, height: 5}
]

1. We can simply display these boxes by using "Partials": Playground link

2. If we want to display an area property for each box, we may simply use data functions: Playground link

3. To set height of the boxes by their "virtual" area property, we may use components: Playground link

Changes

• Reduced number of examples, simplified area component
• Added buttons to add new boxes to current branch
• Removed unnecessary component conversion.

[fskreuz]

So TL;DR:

• Recursive components because you need computed props for each box.
• Partials + data function/method isn't an option.

Yes? If not, I'm not seeing the reason or goal.

[ceremcem]

Exactly, 2-way data flow is the main requirement here.

[ceremcem]

Two goals here:

1. Demonstration of recursive partial usage
2. Two way data flow of a virtual property