Headless Components
Componentes headless (render props) para máxima flexibilidade de UI. Os componentes consomem os hooks do React Query e, em alguns casos, o Core diretamente — por exemplo, ListEvents usa useEvents, que por sua vez chama sdk.events.find(). Não há chamadas HTTP nos componentes; a requisição é feita no Core.
💡 Configuração inicial necessária: Veja o Guia rápido para instalar e configurar o
MeapleSDKProvider.
Módulos
Cada grupo de componentes está documentado em uma página própria:
| Módulo | Descrição |
|---|---|
| Events | ListEvents, ListEventTickets, ListEventProducts, ListCategories |
| Cart | Cart, Coupon, TicketQuantityController |
| Orders | ListUserOrders, GetOrder |
| Tickets | ListUserEvents, ListUserEventTickets |
Os componentes expõem dados tipados usando os mesmos modelos do Core (EventProps, TicketProps, OrderProps, UserProps, etc). Consulte Types (Modelos de Dados) para os campos completos.
Os componentes que fazem fetch (ex.: ListEvents, ListEventTickets, ListUserEvents) aceitam um argumento opcional options com as opções do React Query (UseQueryOptions), exceto queryKey e queryFn. Use para customizar staleTime, enabled, refetchOnWindowFocus, etc.
Próximos passos
- React Query — Hooks disponíveis
- Core SDK — SDK principal