[SwiftUI] Higher-order components

Created

Sep 19, 2019 12:03 PM

Higher-Order Components - React

A higher-order component (HOC) is an advanced technique in React for reusing component logic. HOCs are not part of the React API, per se. They are a pattern that emerges from React's compositional nature. Concretely, a higher-order component is a function that takes a component and returns a new component.

reactjs.org

In SwiftUI, we can do this just like,

But, I'm thinking can I use upper-camel-case in this naming.

// Higher order component
// https://reactjs.org/docs/higher-order-components.html

// Can I use UpperCamelCase? or not?
func MyComponent(title: String, detail: String) -> some View {
  VStack {
    Text(title)
    Text(detail)
  }
}

// Usage

VStack {
  MyComponent(title: "Hello", detail: "SwiftUI")
}