@c4605/react-components

Some useful react components.

Components

• Portal (README.mdx): Strong enough React.createPortal replacement. Make most React.createPortal use case easier.
• Popover (README.mdx): Powerful and highly customizable popover component, can adapt to most use case.
• Modal (README.mdx): A simple modal component. Provide react hook useModal.

Hooks

• useAsync (README.mdx): Hooks for loading data and handling asynchronous operations. Includes useAsync for automatic data loading and useAsyncFnFactory for manual control.
• useEffectReducer (README.mdx): Inspired by Elm's TEA, this hook allows reducers to return both state and effects. Provides lifecycle management, automatic cancellation, and race-safe async operations.

Deprecated Components

• DocumentElement (README.mdx): ⚠️ DEPRECATED - Provides a declarative way to specify document.documentElement attributes in a single-page app. Please use react-helmet-async instead.

Documention

• https://react-components.c4605.com/
• or read README.mdx in packages/;
• or execute pnpm install && pnpm storybook to run a storybook server.

Unit test

Run unit test

pnpm test

Run unit test in watch mode

1. pnpm test:watch

Release

1. cp .envrc.example .envrc
2. Edit .envrc
3. Install direnv
4. direnv allow