Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/evanminto/headless-signals
Experimental collection of small functions for use as headless components/hooks, implemented with Preact signals
https://github.com/evanminto/headless-signals
component-library headless preact signals
Last synced: 15 days ago
JSON representation
Experimental collection of small functions for use as headless components/hooks, implemented with Preact signals
- Host: GitHub
- URL: https://github.com/evanminto/headless-signals
- Owner: evanminto
- License: mit
- Created: 2024-05-01T02:39:20.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-06-27T13:19:54.000Z (6 months ago)
- Last Synced: 2024-10-29T20:05:55.414Z (2 months ago)
- Topics: component-library, headless, preact, signals
- Language: JavaScript
- Homepage:
- Size: 239 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Headless Signals
Experimental collection of headless components/hooks, implemented with Preact
Signals.## Getting Started
Install with NPM...
```sh
npm install @evanminto/headless-signals
```...or Yarn.
```sh
yarn add @evanminto/headless-signals
```Then import in your JavaScript:
```js
import {
// Tools
activeElement,
applyProps,
asyncTask,
browserHistory,
cache,
clipboard,
clock,
deferred,
draggable,
droppable,
eventListener,
focusManagement,
focusTrap,
keyboardListener,
list,
liveSelectors,
mediaQuery,
mousedown,
mutationObserver,
resizeObserver,
stateMachine,
toggleValue,// Components
reorderableList,
showPassword,
toggleButton,// Preact hooks
useHeadlessSignals,
useModalControl,
useReorderableList,
} from '@evanminto/headless-signals';
```## Future Plans
This project is very much a WIP, and I plan on adding more docs in the future.
As the TC39 Signals proposal continues through the standards process, I will
hopefully be able to rewrite this library to use TC39 Signals instead.