hairyf/skills
react-use
react use
25 730
View 
Overlastic
overlastic
Comprehensive skills for working with Overlastic
SKILL.md
Full skill instructions
Based on Overlastic v0.8.7. A promise-based modal/dialog/popup library supporting React, Vue, and Svelte.
Core References
| Topic | Description | Reference |
|---|---|---|
| Constructor | Core method for creating overlay constructors | core-constructor |
| Deferred | Promise variation with external control methods | core-deferred |
| Global Functions | Utilities for mounting elements and name management | core-defines |
| useDisclosure | Hook for managing overlay lifecycle and state | core-disclosure |
Framework References
| Topic | Description | Reference |
|---|---|---|
| React Integration | Using Overlastic with React components | framework-react |
| Vue Integration | Using Overlastic with Vue 3 components | framework-vue |
| Svelte Integration | Using Overlastic with Svelte components | framework-svelte |
Advanced References
| Topic | Description | Reference |
|---|---|---|
| Provider Pattern | Using OverlaysProvider for context inheritance | advanced-provider |
| Custom Components | Integrating existing component libraries | advanced-customization |
| External Control | Controlling overlay lifecycle from outside | advanced-external-control |
| Declarative Usage | Using overlays in templates/JSX | advanced-declarative |
Key Concepts
- Constructor: Receives component, props, and options to mount overlays
- Deferred: Promise-like object with
confirmandcancelmethods for external control - Mount Options: Configuration for container, ID, index, and deferred instance
- Lifecycle: Components are destroyed after
durationends when deferred resolves/rejects - Imperative Usage:
defineOverlayandrenderOverlayfor callback-based invocation - Declarative Usage: Components can be used in templates/JSX with props
- Provider Pattern:
OverlaysProviderfor context inheritance - Dual Mode Support: Components work in both imperative and declarative modes
More skills from hairyf
hairyf/skills
valtio
valtio
25 672
View hairyf/skills
valtio-define
valtio define
25 649
View hairyf/skills
hairy-react-lib
hairy react lib
25 646
View hairyf/skills
openapi-specification-v3.2
openapi specification v3.2
25 558
View hairyf/skills
vitest
vitest
25 519
View hairyf/skills
unjs
unjs
25 472
View hairyf/skills
openapi-specification-v2
openapi specification v2
25 467
View hairyf/skills
hairy
hairy
25 400
View hairyf/skills
undocs
undocs
25 389
View hairyf/skills
writing-humanizer-zh
writing humanizer zh
25 385
View hairyf/skills
tsdown
tsdown
25 376
View Popular AI tools
Video
Kaiber
Generate, edit, and beat-sync AI video with leading models in one workspace.
Paid
View Productivity
Vimcal
The world's fastest calendar for remote work
Free
View Images
IMGCreator.ai
Transform Your Design with AI Designer by ImgCreator.ai
Freemium
View Content & writing
Akool AI
Revolutionizing Video Production with AI-Powered Creativity
Paid
View Images
Clipdrop Uncrop
Extend an image past the frame and let AI fill the new aspect ratio.
Freemium
View Security
StarByFace
Discover your celebrity doppelgänger with StarByFace!
Free
View C
Finance
ChainClarity
ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.
Freemium
View Coding & apps
Opus Clip
Opus.ai: Revolutionize Your Web Experience
Free
View