solid-secondary-primitives

Manage SolidJS reactive primitives for custom reactive workflows.

2|2|Updated May 1, 2026
One-click install
npx skills add https://github.com/adamhjk/mvtt --skill solid-secondary-primitives
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: solid-secondary-primitives
Source: https://github.com/adamhjk/mvtt/tree/main/.claude/skills/solid-secondary-primitives
Command: npx skills add https://github.com/adamhjk/mvtt --skill solid-secondary-primitives

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the need for fine-grained control over SolidJS reactive primitives beyond createSignal, createEffect, and createMemo, enabling more precise reactive behaviors for complex UI logic.

Core Features & Use Cases

  • Lower-Level Primitive Utilization: Supports createComputed, createRenderEffect, createReaction, createDeferred, and createSelector.
  • Use Case Example: Build custom directives that size elements dynamically or implement manual reactive subscriptions for optimized performance.
  • Advanced Reactivity: Manage synchronous effects, delayed updates, manual tracking, and selective list rendering efficiently.

Quick Start

Import the primitives from "solid-js" and use createReaction to monitor a signal, updating a value once a change occurs.

Frequently Asked Questions about solid-secondary-primitives

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manually track dependencies in SolidJS for custom reactive workflows?

Manually track dependencies in SolidJS using the createReaction primitive to monitor signals and update values only when specific changes occur. This enables fine-grained, manual subscription management for optimized performance.

What SolidJS primitives are available for synchronous effects and delayed reactive updates?

SolidJS provides createComputed for synchronous effects, createDeferred for delayed updates, and createRenderEffect for immediate reactive tracking. These lower-level primitives enable precise reactive behavior beyond standard signals and effects.

How do I build custom directives in SolidJS with dynamic element sizing?

Build custom directives in SolidJS by leveraging lower-level reactive primitives like createComputed to dynamically size elements. This approach provides granular reactive management for complex UI behavior and performance tuning.

When do I need lower-level reactivity instead of createSignal and createEffect in SolidJS?

Use lower-level SolidJS reactivity when you need synchronous effect execution, manual dependency tracking, or selective list rendering. Primitives like createSelector and createReaction satisfy requirements for complex UI logic that basic signals cannot handle efficiently.

Can I optimize selective list rendering performance in SolidJS?

Optimize selective list rendering in SolidJS using the createSelector primitive to efficiently manage reactive updates. This enables performance-tuned components by ensuring only necessary items re-render during list interactions.