A collection of SolidJS utilities

Install

npm install solid-js solid-use

yarn add solid-js solid-use

pnpm add solid-js solid-use

Requires solid-js 1.7 or later. Each utility is imported from its own path, such as solid-use/atom.

Docs

State

• solid-use/atom is a signal in a single function.
• solid-use/string builds reactive strings from a template.

Components

• solid-use/props splits props into accessors.
• solid-use/provider passes values down without nested providers.

Data

• solid-use/fetch is a reactive Fetch API.

Browser

• solid-use/media-query tracks CSS media queries.
• solid-use/online-status tracks the network connection.
• solid-use/page-visibility tracks whether the page is visible.

SSR

• solid-use/server-value reuses a server-computed value during hydration.
• solid-use/client-only renders code only in the browser.

Examples

See examples for small apps that use these utilities.

Contributing

See CONTRIBUTING.md.

Sponsors

License

MIT © lxsmnsyc