Skip to content

TomPichaud/solid-primitives

 
 

Repository files navigation

Solid Primitives

Solid Primitives

pnpm turborepo combined-downloads

A project that strives to develop high-quality, community contributed Solid primitives. All utilities are well tested and continuously maintained. Every contribution to the repository is checked for quality and maintained to the highest degree of excellence. The ultimate goal is to extend Solid's primary and secondary primitives with a set of tertiary primitives.

While Solid Primitives is not officially maintained by the SolidJS Core Team, it is managed by members of the SolidJS core and ecosystem teams. This separation allows the core library to iterate independently while allowing Solid Primitives to remain in-sync with future plans.

Philosophy

The goal of Solid Primitives is to wrap client and server side functionality to provide a fully reactive API layer. Ultimately the more rooted our tertiary primitives are, the more they act as foundation within Solid's base ecosystem. With well built and re-used foundations, the smaller (aggregate tree-shaking benefits), more concise (readability) and stable (consistent and managed testing + maintenance) applications can be overall.

Primitives

Name Stage Primitives Size NPM

Inputs

active-element STAGE createActiveElement
createFocusSignal
SIZE VERSION
autofocus STAGE autofocus
createAutofocus
SIZE VERSION
input-mask STAGE createInputMask SIZE VERSION
keyboard STAGE useKeyDownList
useCurrentlyHeldKey
useKeyDownSequence
createKeyHold
createShortcut
SIZE VERSION
mouse STAGE createMousePosition
createPositionToElement
SIZE VERSION
pointer STAGE createPointerListeners
createPerPointerListeners
createPointerPosition
createPointerList
SIZE VERSION
scroll STAGE createScrollPosition
useWindowScrollPosition
SIZE VERSION
selection STAGE createSelection SIZE VERSION

Display & Media

audio STAGE makeAudio
makeAudioPlayer
createAudio
SIZE VERSION
bounds STAGE createElementBounds SIZE VERSION
devices STAGE createDevices
createMicrophones
createSpeakers
createCameras
createAccelerometer
createGyroscope
SIZE VERSION
idle STAGE createIdleTimer SIZE VERSION
intersection-observer STAGE makeIntersectionObserver
createIntersectionObserver
createViewportObserver
createVisibilityObserver
SIZE VERSION
media STAGE makeMediaQueryListener
createMediaQuery
createBreakpoints
usePrefersDark
SIZE VERSION
page-visibility STAGE createPageVisibility SIZE VERSION
resize-observer STAGE createResizeObserver
createWindowSize
createElementSize
SIZE VERSION
styles STAGE createRemSize SIZE VERSION

Browser APIs

broadcast-channel STAGE makeBroadcastChannel
createBroadcastChannel
SIZE VERSION
clipboard STAGE copyClipboard
writeClipboard
createClipboard
SIZE VERSION
event-listener STAGE createEventListener
createEventSignal
createEventListenerMap
WindowEventListener
DocumentEventListener
SIZE VERSION
event-props STAGE createEventProps SIZE VERSION
fullscreen STAGE createFullscreen SIZE VERSION
geolocation STAGE createGeolocation
createGeolocationWatcher
SIZE VERSION
mutation-observer STAGE createMutationObserver SIZE VERSION
permission STAGE createPermission SIZE VERSION
storage STAGE createStorage
createCookieStorage
createAsyncStorage
createStorageSignal
createLocalStorage
createSessionStorage
SIZE VERSION
timer STAGE makeTimer
createTimer
createTimeoutLoop
createPolled
createIntervalCounter
SIZE VERSION
upload STAGE createFileUploader
createDropzone
SIZE VERSION
workers STAGE createWorker
createWorkerPool
createSignaledWorker
SIZE VERSION

Network

connectivity STAGE createConnectivitySignal SIZE VERSION
fetch STAGE createFetch SIZE VERSION
graphql STAGE createGraphQLClient SIZE VERSION
stream STAGE createStream
createAmplitudeStream
createMediaPermissionRequest
createAmplitudeFromStream
createScreen
SIZE VERSION

Utilities

context STAGE createContextProvider SIZE VERSION
cursor STAGE createElementCursor
createBodyCursor
SIZE VERSION
date STAGE createDate
createDateNow
createTimeDifference
createTimeDifferenceFromNow
createTimeAgo
createCountdown
createCountdownFromNow
SIZE VERSION
event-bus STAGE createEventBus
createEmitter
createEventHub
createEventStack
SIZE VERSION
event-dispatcher STAGE createEventDispatcher SIZE VERSION
i18n STAGE createI18nContext
createChainedI18n
SIZE VERSION
immutable STAGE List of functions SIZE VERSION
jsx-parser STAGE createJSXParser
createToken
resolveTokens
isToken
SIZE VERSION
map STAGE ReactiveMap
ReactiveWeakMap
SIZE VERSION
pagination STAGE createPagination
createInfiniteScroll
SIZE VERSION
platform STAGE List of variables SIZE VERSION
promise STAGE promiseTimeout
raceTimeout
until
SIZE VERSION
props STAGE combineProps
filterProps
SIZE VERSION
scheduled STAGE debounce
throttle
scheduleIdle
leading
createScheduled
SIZE VERSION
script-loader STAGE createScriptLoader SIZE VERSION
set STAGE ReactiveSet
ReactiveWeakSet
SIZE VERSION
share STAGE createSocialShare
createWebShare
SIZE VERSION

Reactivity

destructure STAGE destructure SIZE VERSION
memo STAGE createLatest
createWritableMemo
createLazyMemo
createAsyncMemo
createDebouncedMemo
createDebouncedMemoOn
createThrottledMemo
createPureReaction
createMemoCache
createReducer
SIZE VERSION
rootless STAGE createSubRoot
createCallback
createDisposable
createSharedRoot
SIZE VERSION
signal-builders STAGE List of builders SIZE VERSION
trigger STAGE createTrigger
createTriggerCache
createWeakTriggerCache
SIZE VERSION

Control Flow

keyed STAGE keyArray
Key
Entries
SIZE VERSION
range STAGE repeat
mapRange
indexRange
Repeat
Range
IndexRange
SIZE VERSION
refs STAGE mergeRefs
elements
refs
mapRemoved
Children
Refs
Ref
unmount
SIZE VERSION

Animation

raf STAGE createRAF
targetFPS
SIZE VERSION
tween STAGE createTween SIZE VERSION

About

A library of high-quality primitives that extend SolidJS reactivity.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.3%
  • HTML 3.7%