solid-jsx-renderer

Description

SolidJS JSX Renderer is a SolidJS Component for rendering JSX to SolidJS nodes.

It has a JavaScript Runtime inside, and can execute the user's JSX with controlled behavior.

Launch Demo

Features

• Rendering JSX as SolidJS node
• TypeScritpt ready
• Provides CommonJS and ES Modules
• JavaScript syntax and featues
  • without async, await and generator
• Injectable custom SolidJS components
• Pass binding variables
• Applicable filters to parsed nodes
  • You can create allowlist / denylist filters to tagName, attributes or properties
  • Operation has not been checked.
• Avoid user's call expressions
• Avoid user's new expressions
• Parse with meriyah

My Features

• Can use on SSR(solid-start)
• Binding Component SSR
  • binding Component which has binding props is also ssr on internal
  • <textarea value={signal()}> is not ssr on solid-start. You should use <textarea>{signal()}</textarea>
• Update only what is updated.
• can use Show, For, Index... (only SolidJS Component)

If there is a feature you want, please contact us at issue

Ported from: https://github.com/rosylilly/react-jsx-renderer v1.3.1 See here for detailed instructions.

This is sample code

Installation

1. npm install @oligami/solid-jsx-renderer (or pnpm add @oligami/solid-jsx-renderer)
2. Add import { JSXRenderer } from 'solid-jsx-renderer';
3. <JSXRenderer code="Hello, World" /> to render Hello, World

Requirements

• SolidJS: latest
• solid-start: latest

Options

disableKeyGeneration: This doesn't make any sense, so it would be lighter to turn it off.