Placeholder

this is for putting doms into areas where we load content

Learn More

• https://github.com/buildo/react-placeholder

Steps

1. how do you progressively replace the placeholder when the content loads
2. who/where replaces the placeholder? (it's a renderProp default)

example

export interface OrderListProps {}
export interface OrderListState {}

function defaultRenderName(props) {
  return <Placeholder breedType="text" />
}
function defaultRenderProductImage(props) {
  return <Placeholder breedType="text" />
}
function defaultRenderProductImageList(props) {
  return <List overflow list={props.list} renderItem={props.renderProductImage} />
}
function defaultRenderItem(props: OrderListProps, state: OrderListState) {
  return <Card renderName={props.renderProductImageList} />
}

class OrderList {
  static defaultProps = {
    renderItem: defaultRenderItem,
  }
}