# @oligami/solid-jsx-renderer

> A Solidjs Component for Rendering JSX

Latest version **0.3.1** (published 2023-08-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install @oligami/solid-jsx-renderer
pnpm add @oligami/solid-jsx-renderer
yarn add @oligami/solid-jsx-renderer
bun add @oligami/solid-jsx-renderer
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.3.1 |
| Published | 2023-08-14 |
| First published | 2023-08-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 489.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Akira Onishi |
| Maintainers | oligami |
| Keywords | solid, solidjs, jsx, renderer |

## Links

- npm: https://www.npmjs.com/package/@oligami/solid-jsx-renderer
- Repository: https://github.com/oligami-0424/solid-jsx-renderer
- Issues: https://github.com/oligami-0424/solid-jsx-renderer/issues
- npm.io page: https://npm.io/package/@oligami/solid-jsx-renderer

## Dependencies (1)

- [meriyah](https://npm.io/package/meriyah.md) latest

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 0.3.1 (latest) — 2023-08-14
- 0.3.0 — 2023-08-13
- 0.2.22 — 2023-08-13
- 0.2.21 — 2023-08-13
- 0.2.20 — 2023-08-13
- 0.2.19 — 2023-08-13
- 0.2.18 — 2023-08-13
- 0.2.17 — 2023-08-13
- 0.2.16 — 2023-08-13
- 0.2.15 — 2023-08-13
- 0.2.14 — 2023-08-13
- 0.2.13 — 2023-08-13
- 0.2.12 — 2023-08-13
- 0.2.11 — 2023-08-13
- 0.2.10 — 2023-08-13
- … 12 more at https://npm.io/package/@oligami/solid-jsx-renderer/versions

## README

# 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](https://oligami-0424.github.io/solid-jsx-renderer/)

## 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
  - `<textarea value={signal()}>` is not ssr on solid-start. You should use `<textarea>{signal()}</textarea>`
- [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](https://github.com/rosylilly/react-jsx-renderer) v1.3.1
See here for detailed instructions.

[This is sample code](https://github.com/oligami-0424/solid-jsx-renderer/tree/main/examples/solidjs)

## 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.

---
_Source: https://npm.io/package/@oligami/solid-jsx-renderer · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._