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

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

My Features

- [x] Can use on SSR(solid-start)
- [x] Binding Component SSR
- binding Component which has binding props is also ssr on internal
- </code> is not ssr on solid-start. You should use <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><textarea>{signal()}
- [x] 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. 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.