pota
pota is a small and pluggable Reactive Web Renderer. It's compiler-less, includes an html function, and a optimized babel preset in case you fancy JSX.
The API and base components are heavily inspired by Solid, albeit things differ to an extent based on personal preferences.
The reactive library in use used to be pluggable, included oby, flimsy among other attempts at implementations. The main idea was to support all signal libraries, but subtle differences and lack of owners/context made the task difficult and time consuming. It required dedication that I rather put on the renderer.
# The Gist
# Key Points
- Reactivity that is easy to understand. If something is a function, it can be reactive; if it is not a function, it's not reactive
- Doesn't use prop getters, or any getters; you can destructure function arguments and objects
- Renders any kind of XML, including custom namespaces
- Provides a propsPlugin function for using custom props on any element
- Allows multiple callbacks on components like Show and For
- Functions are tracked, regardless of nesting depth
- Renders objects, promises, maps, sets, etc
- Supports Class components with automatic method registration for ready and cleanup
- Portal does not wrap children in a div
- Includes a simple but full featured Router component
- Does not include server side rendering (SSR)
- Utilities to track objects, as mutable, signalify with reconcile-like apis. See Reactivity
# All In One
# Why
To understand reactivity better, and learn the inner bits of an automatic dependency tracking reactive renderer. The Source code is small and readable. Prioritizes consistency and is subjectively easy to understand. Its driven by developer needs, not benchmarks.
# Next
Personally, this library adapts better to my expectations. The purpose of this page is to have a place to see it in action, test and document the renderer, its different components and behaviors.
# Logo
Logo kindly provided by @boredofnames