Whatsup is a modern frontend framework with own reactivity system and JSX components based on pure functions and generators.
- π easy to use: simple api, just write code
- π own reactivity system with high performance
- π cool styling system based on css modules
- π¦ built-in router with intuitive api
- β glitch free, autotracking and updating of dependencies
- π₯ written in typescript, type support out of the box
- π small size: ~7kB gzipped (state + jsx + cssx)
import { observable } from 'whatsup'
import { render } from 'whatsup/jsx'
function* App() {
const counter = observable(0)
const increment = () => counter(counter() + 1)
while (true) {
yield (
<div>
<p>You click {counter()} times</p>
<button onClick={increment}>Click me</button>
</div>
)
}
}
render(<App />)
You can find the Whatsup documentation on the website.
Check out the Intro page for a quick overview.
The documentation is divided into several sections: