Fetch Logic 2

fetch-logic-2.jsx

function ProductDetailPage({ viewportWidth, relatedProductInfo }) {
  const hasRealestate = viewportWidth > 800;
  const hasData = relatedProductInfo === undefined;
  return <div>
    ...
    { hasRealestate &&
      ( hasData
        ? <RelatedProducts products={relatedProducts}/>
        : <div data-vacancy={`relatedProducts/${id}`}>Loading...</div>
      )
    }
  </div>;
}