# $mol_jsx
JSX adapter that makes DOM tree. Generates global unique ids for every DOM-element by components tree with ids. Ensures all local ids are unique. Can reuse an existing nodes by GUIDs when used inside [`$mol_jsx_attach`](https://github.com/hyoo-ru/mam_mol/tree/master/jsx/attach).
## Usage example
```tsx
/** @jsx $mol_jsx */
const $my_message = ( props : { content : string } )=> (
{ props.content } is
text nodes
mixed with
elements
!
)
const dom = (
<$my_message id="$my_app" content="Content" />
)
```
Result:
```html
Content is
text nodes
mixed with
elements
!
```
[More examples in tests.](https://github.com/hyoo-ru/mam_mol/tree/master/jsx/jsx.test.tsx)
# See also
- [$mol_jsx_attach](https://github.com/hyoo-ru/mam_mol/tree/master/jsx/attach) - render JSX to existing document
- [$mol_jsx_view](https://github.com/hyoo-ru/mam_mol/tree/master/jsx/view) - stateful view bound to DOM-element