> ## Documentation Index
> Fetch the complete documentation index at: https://docs.triglit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# React SDK

> Componentes React prontos para uso e hooks para gerenciamento de estado

O React SDK (`@triglit/react-sdk`) fornece componentes React prontos para uso e hooks otimizados para construir interfaces de gerenciamento de workflows. Ele inclui um editor visual completo de workflows, componentes de UI estilizados e suporte completo a TypeScript e i18n.

## Instalação

<CodeGroup>
  ```bash pnpm theme={null}
  pnpm add @triglit/react-sdk
  ```

  ```bash npm theme={null}
  npm install @triglit/react-sdk
  ```

  ```bash yarn theme={null}
  yarn add @triglit/react-sdk
  ```
</CodeGroup>

### Dependências Peer

O React SDK requer React 18 ou superior:

```json theme={null}
{
  "peerDependencies": {
    "react": "^18 || ^19",
    "react-dom": "^18 || ^19"
  }
}
```

## Próximos Passos

<CardGroup cols={2}>
  <Card title="Configuração Inicial" icon="settings" href="/sdks/react-sdk/configuration">
    Configure o provider e estilos
  </Card>

  <Card title="Componentes Principais" icon="components" href="/sdks/react-sdk/components">
    Explore os componentes disponíveis
  </Card>

  <Card title="Hooks" icon="hook" href="/sdks/react-sdk/hooks">
    Use hooks para gerenciar estado
  </Card>

  <Card title="Estilização" icon="palette" href="/sdks/react-sdk/styling">
    Customize a aparência dos componentes
  </Card>

  <Card title="Internacionalização" icon="globe" href="/sdks/react-sdk/i18n">
    Configure traduções e i18n
  </Card>

  <Card title="Callbacks" icon="bell" href="/sdks/react-sdk/callbacks">
    Configure callbacks para eventos
  </Card>

  <Card title="Usos Avançados" icon="zap" href="/sdks/react-sdk/advanced">
    Layouts customizados e implementações manuais
  </Card>

  <Card title="Exemplos" icon="book-open" href="/sdks/react-sdk/examples">
    Exemplos práticos de uso
  </Card>
</CardGroup>