API Reference

Core APIs

withOptimization

function withOptimization<P extends object>(
  Component: React.ComponentType<P>
): React.ComponentType<P>;

A higher-order component that automatically optimizes React component rendering.

Example

import { withOptimization } from '@zenreact/core';

function MyComponent({ data }) {
  return (
    <div>
      <h1>{data.title}</h1>
      <p>{data.content}</p>
    </div>
  );
}

export default withOptimization(MyComponent);

useOptimizedState

function useOptimizedState<T>(
  initialState: T | (() => T)
): [T, (value: T | ((prev: T) => T)) => void];

A React hook that provides optimized state management with automatic performance improvements.

Example

import { useOptimizedState } from '@zenreact/core';

function SearchBox() {
  const [search, setSearch] = useOptimizedState('');

  return (
    <input value={search} onChange={(e) => setSearch(e.target.value)} placeholder="Search..." />
  );
}

Additional Resources

• Quick Start Guide
• Best Practices
• Example Projects