@whatsup/jsx v2.6.0

Whats Up Jsx mutator and renderer

Install

npm i @whatsup/jsx @whatsup/babel-plugin-transform-jsx
# or
yarn add @whatsup/jsx @whatsup/babel-plugin-transform-jsx

Settings

Update the plugin section in your .babelrc file.

{
    "plugins": ["@whatsup/transform-jsx"]
}

Usage

import { render } from '@whatsup/jsx'

const App = fractal(function* () {
    while (true) {
        yield <div>Hello world</div>
    }
})

render(App, document.getElementById('app'))

Handling mount events

const App = fractal(function* () {
    const onMount = (el) => console.log('Mounted', el)
    const onUnmount = (el) => console.log('Unmounted', el)

    while (true) {
        yield (
            <div onMount={onMount} onUnmount={onUnmount}>
                Hello world
            </div>
        )
    }
})