solid-rendering

Community

Seamless server-side and client rendering with SolidJS.

Authoradamhjk
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Facilitates efficient and accurate rendering and hydration of SolidJS applications on the server and client sides to improve performance and user experience.

Core Features & Use Cases

  • Client mounting with render() to attach the app to DOM elements.
  • Hydration using hydrate() to activate server-rendered markup on the client.
  • Server rendering options with renderToString(), renderToStringAsync(), and renderToStream() for static and streaming HTML generation.
  • Hydration management with <HydrationScript> and generateHydrationScript() to serialize state for hydration.
  • Support for environment-aware code execution with isServer, isDev, and DEV.
  • Prevents hydration mismatches by guiding state and content rendering.

Quick Start

Call render(() => <App />, element) to mount your app on the client, or use renderToString() for server-side HTML generation.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: solid-rendering
Download link: https://github.com/adamhjk/mvtt/archive/main.zip#solid-rendering

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.