Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ferrriii/woodoo
A simple and lightweight library for creating reactive, state-based UI
https://github.com/ferrriii/woodoo
Last synced: 3 days ago
JSON representation
A simple and lightweight library for creating reactive, state-based UI
- Host: GitHub
- URL: https://github.com/ferrriii/woodoo
- Owner: ferrriii
- License: mit
- Created: 2021-11-23T12:03:16.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2021-11-24T11:11:59.000Z (almost 3 years ago)
- Last Synced: 2024-10-29T10:49:27.921Z (20 days ago)
- Language: JavaScript
- Size: 156 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# WooDoo
A ~1.2kb () alternative to React and Vue.
WooDoo is a simple and lightweight library for creating reactive, state-based UI.
Features:
- Template literals (Template strings) support
- Event bindings
- Efficient and fast
- IE 11 and major browsers support (> 0.25%)
## Getting Started
Use below template to get started.
```html
WooDoo Hello World!
App Placeholder
let app = new WooDoo({
element: '#app',
data: {
text: 'Hello !',
},
template() {
return `
<span>${this.text}</span>
`
}
}
)
app.render()
```
If you would like to use ES modules, include below script in your app.
```html
```
## Demo
- [Mirror Typing](https://codepen.io/ferrriii/pen/gOxNLOv)
- [Counter](https://codepen.io/ferrriii/pen/ExvBNyK)
- [Stopwatch](https://codepen.io/ferrriii/pen/MWvMbXK)
- [ToDo list](https://codepen.io/ferrriii/pen/eYEwBqv)