6.6.0
Ever wondered what would happen if react
and choo got a baby?
Welp, wonder no longer - here's the answer. Full on choo architecture plus a couple preact
goodies like h()
and components. No JSX, only template strings via hyperx. But you can use JSX if you want to. We even support almost all of the React ecosystem through preact-compat.
🎉🎉🎉🎉
Why is this useful? Sometimes you gotta use react
, and the best thing to do in that case is to jump on the preact
train, grab a bag of architecture and go to town. This might not be for me, but perhaps it's useful for you. Here you go! 🎁
var html = var devtools = var rooch = var app = appappappapp { return html` count is Increment ` { }} { statecount = 0 emitter}
See? Same same as choo
!
Only difference is preact
will append our app to the element passed into mount
. So instead of our main view returning <body>
we return <main>
(or whatever we want the root to be).
Components
You can create stateful components right out of the box with rooch
:
var Component = var html = { super thisstate = n: 0 this { this } } { return html` clicked times click me! ` }
And then render them in your views using h()
:
var html = var h = var ClickMe = { return html` `}
Optionally pass data a.k.a. props
:
You can use props
or an additional constructor function to pass emit
into your components.
FAQ
Should I use this?
Maybe? If you've got no choice other than using (p)react
this might be useful.
How do I run react widgets in rooch?
Like this:
npm i -S preact preact-compat
npm i -S preact-compat/react preact-compat/react-dom
What's the size?
Something like 9 kB
What about choo?
Yeah, what about me? (drumroll)
Installation
$ npm install rooch