ASDK's KittenNode with ComponentLayout. Original code: https://github.com/facebook/AsyncDisplayKit/blob/master/examples/Kittens/Sample/KittenNode.m#L127

KittenNode.m

- (CKComponent *)layoutComponentThatFits:(CGSize)constrainedSize
{
  return [CKInsetComponent
          newWithInsets:UIEdgeInsetsMake(kOuterPadding, kOuterPadding, kOuterPadding, kOuterPadding)
          component:
          [CKStackLayoutComponent
            newWithSize:{.maxWidth = constrainedSize.width, .maxHeight = constrainedSize.height}
            style:{.direction = CKStackLayoutDirectionHorizontal, .spacing = kInnerPadding} // Change to CKStackLayoutDirectionVertical it will just work!!!
            children:{
              {
                [ASNodeWrappingComponent newWithNode:_imageNode staticSize:CGSizeMake(kImageSize, kImageSize)]
              },
              {
                [ASNodeWrappingComponent newWithNode:_textNode],
                .flexShrink = true // Flexbox baby
              }
            }]];
}

This is really cool! To make it more accessible to people, we should probably plan to fork the implementation and rename / refactor to be more consistent with ASDK patterns. Because Components have a very different mental model for development, using CK*Component objects is a bit confusing, even for a fairly experienced developer.

yes, this is more like a showcase. The project still needs heavy refactoring. Let's move the discuss to FB group I guess, I didn't get notification here.