Thirteen things built with it
Not snippets. Each one is a working application: open the folder, open the HTML file, and it runs. There is no build step behind any of them, and nothing to install.
Every example loads the library from the same public CDN tag the documentation gives
you: cdn.jsdelivr.net/npm/voodoojs@0.13.0. That means the source you read is
the source that runs, and you can copy a file out of here into your own project without
changing a line.
Applications
state, lists, forms, HTTPTo-do list
The smallest complete application here. Add, complete, filter and persist, with the list surviving a reload.
User CRUD
Create, read, update and delete against a REST endpoint, with validation and a loading state on every request.
Kanban board
Drag cards between columns. The order is reactive state, so nothing is stored in the DOM and a reload restores the board.
Store
Catalogue, filters, a cart that follows you between pages, and totals derived from state rather than recalculated by hand.
Admin dashboard
Charts, tables, filters and a date range, laid out with the bundled UI components rather than a CSS framework.
Pokédex
A real public API, paginated, searchable and cached, with skeleton states while requests are in flight.
Real time
WebSocket and Socket.IOGraphics and games
canvas, WebGL, game loopsTetris
A full game loop, keyboard input, collision and scoring, with the board held in reactive state and drawn from it.
Breakout
Physics on a requestAnimationFrame loop, with the paddle bound to both pointer and keyboard.
Shaders
GLSL fragment shaders driven by reactive uniforms: move a slider and the value reaches the GPU without a redraw call of your own.
3D open world
A drivable car, terrain, buildings and trees, with the heads-up display written as ordinary attributes over the canvas.