@ea-lab/reactive-json-docs/public/rjbuild/docs/core/hook/index.md

Complete documentation for Reactive-JSON - Components, examples and LLM-parsable guides

# Hooks

> **Developer-Focused Section**: This documentation is primarily intended for developers who want to understand the internal hook system and extend Reactive-JSON with custom functionality.

Hooks in Reactive-JSON are reusable React functions that encapsulate common component logic. They follow React hook conventions and provide code factorization for complex functionalities.

## Available Hook Components

### Pagination
- **[usePagination](./usePagination.md)**: Creates customizable pagination systems with configurable components

### Attribute Processing
- **[useTransformedAttributes](./useTransformedAttributes.md)**: Applies attribute transformations based on configured transformers

## Architecture

Reactive-JSON hooks follow these core principles:

- **Context Integration**: Access to `GlobalDataContext` and `TemplateContext`
- **Reusability**: Extracted business logic for reuse across components
- **Customization**: Support for custom components and configurations
- **Performance**: Built-in optimizations to avoid unnecessary re-calculations

## Plugin Integration

Hooks can be integrated into the Reactive-JSON plugin system. This is actually how the core hooks (`usePagination`, `useTransformedAttributes`) are made available to the system - they are registered through the plugin architecture.

```javascript
const customPlugins = {
    hook: {
        usePagination,
        useTransformedAttributes,
        // Your custom hooks
    }
};
```

The core Reactive-JSON library uses this same mechanism internally to provide its built-in hooks, ensuring consistency between core functionality and custom extensions.