React patterns

Choose the right React pattern for task state, the download tray, localization, and Cloud persistence.

These pages cover the React choices you make after the first ZIP works: task state, the tray, a headless UI, localization, and Cloud persistence. If no download works yet, start with React in Getting Started.

Choose what to customize

Control tasks with useEazip

Start downloads, read task state, and share defaults.

Present the Eazip tray

Choose placement, theme, embedding, and auto-hide behavior.

Build a headless UI

Render Eazip task state inside your own design system.

Localize the tray

Use English or Japanese, or override individual messages.

Persist Cloud tasks

Understand reload-resume and when retry remains available.

Understand the package boundary

@eazip/react adds a React store and UI around @eazip/core. Input rules, Local and Cloud strategies, splitting, partial results, and error classes come from Core rather than a separate React implementation.

Use the React Reference when you need exact hook members, component props, or provider config.