Eazip
React

React patterns

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

Start with React in Getting Started. The pages in this section explain the choices you make after the first ZIP works.

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.

Understand Zero-Egress ZIP Exports

Compare Local, Eazip Cloud stream, and stored ZIP delivery across Cloud usage, retention, repeat downloads, and source-provider costs.

Control tasks with useEazip()

Start ZIP downloads, read the current React task, and share defaults without duplicating engine state.

On this page

Choose what to customizeUnderstand the package boundary