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.
- 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
- 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.
npm install @oligami/solid-jsx-renderer
(orpnpm add @oligami/solid-jsx-renderer
)- Add
import { JSXRenderer } from 'solid-jsx-renderer';
<JSXRenderer code="Hello, World" />
to renderHello, World
- SolidJS: latest
- solid-start: latest
disableKeyGeneration: This doesn't make any sense, so it would be lighter to turn it off.