React Pro - Real World App - Ch8. 09 - Barrel File

// src/pages/cms/products/CMSProductsPage.tsx

import { useProductsService } from '@/services/products';

export function CMSProductsPage() {
  const { state, actions } = useProductsService();

  async function getProductsHandler() {
    actions.getProducts()
  }

  return (
    <div>
      <h1 className="title">CMS</h1>

      Pagina Prodotti

      <hr className="my-8"/>

      {state.pending && <div>loading...</div>}
      {state.error && <div>error!!!!</div>}

      <button className="btn primary" onClick={getProductsHandler}>GET</button>

      <pre>{JSON.stringify(state, null, 2)}</pre>
    </div>
  )
}


// =============================
// services/products/index.ts
export { useProductsService } from './useProductsService';