CodeVetter · Repo Unpack · Feature catalog
solidjs/solid
Solid's public features center on reactive state, declarative control flow, asynchronous rendering, and lifecycle management. Consumers can use compiled JSX, hyperscript, tagged templates, custom elements, or custom host renderers. The repository also exposes server rendering and static generation, with a small routed example demonstrating Home, Profile, and Settings.
- createSignal returns an accessor and setter, accepts equality customization, and supports updater functions; createMemo exposes a derived accessor with its own comparator.
- createComputed, createRenderEffect, createEffect, and createReaction offer distinct execution and invalidation behavior; batch groups updates and untrack suppresses dependency collection.
- For maps by item identity with an index accessor, while Index maps by position with an item accessor; both accept fallbacks.
- Show supports keyed and accessor-based children; Switch selects the first matching Match and supports a fallback.
- createResource exposes state, error, loading, latest, mutate, and refetch, with initialValue, custom storage, SSR loading, and hydration callback options.
- lazy wraps asynchronous component imports and provides preload; Suspense renders fallbacks while resources are pending, and experimental SuspenseList coordinates reveal order and tail visibility.
- ErrorBoundary catches errors from its child scope, supports a fallback callback with reset, and participates in resetErrorBoundaries; createContext/useContext provide owner-scoped values.
- createRoot, onMount, onCleanup, getOwner, and runWithOwner expose lifecycle and scope control; mergeProps and splitProps preserve reactive property access, and createUniqueId uses hydration IDs or a client counter.
- createDeferred schedules deferred values, createSelector tracks subscribers by key, and useTransition returns pending state plus startTransition; observable/from bridge subscription-style producers.
- createStore offers path setters and partial merges; createMutable allows proxy writes, reconcile diffs incoming state with an optional key, and produce exposes mutation-style updates.
- Portal mounts content elsewhere in the DOM, optionally in a shadow root; Dynamic/createDynamic render either function components or named DOM elements.
- solid-js/h supplies a hyperscript factory and an optional jsx/jsxs/jsxDEV runtime; solid-js/html supplies tagged templates, with reactive expressions manually wrapped in functions.
- solid-element exposes customElement/withSolid and re-exports hot, getCurrentElement, and noShadowDOM; solid-js/universal exposes createRenderer for custom hosts.
- The SSR examples demonstrate renderToString, renderToStringAsync, and renderToStream; solid-ssr/static accepts entry/output/url configurations to generate HTML files.
- The shared example presents Home, Profile, and Settings tabs, a transition pending class, loading fallbacks, and an error reset button; Profile simulates dependent user and information loads.