@use-gpu/live
v0.12.0
Published
```sh npm install --save @use-gpu/live ```
Downloads
61
Readme
@use-gpu/live
npm install --save @use-gpu/live
yarn add @use-gpu/live
Docs: https://usegpu.live/docs/reference-live-@use-gpu-live
Live - Reactive Effect Run-time
Live is a reimplementation of the React <Component>
tree and its hook system. It allows you to use popular reactive patterns to write code beyond UI widgets.
It's built to serve as the reactive core of Use.GPU, but there is nothing GPU- or graphics-specific about it.
Unlike React, Live does not produce an output DOM. Components can only render other components, or yield values back to parents.
Live is designed to play nice with real React, but shares no code with it.
Non-React extensions:
- No-Hooks - Use
if
/else
with hooks safely. - Continuations - Parents can run more code after children have rendered.
- Context captures - Context providers in reverse. Parent gathers values sparsely from a sub-tree.
- Yeet-Reduce - Gather values with incremental map-reduce along an entire sub-tree.
- Quote and Reconcile - Reconcile components into new sub-trees incrementally (aka
react-react
). - Morph - Parents can change Component type without unmounting all children.
- Detach - Parent can decide when to dispatch render to children.
Modules
@use-gpu/live
is the main effect run-time@use-gpu/react
contains extra React interoperability components@use-gpu/inspect
is an interactive inspector/debugger for Live, built using React
Colofon
Made by Steven Wittens. Part of @use-gpu
.