<input class="first-name" type="text">
<input class="last-name" type="text">
<output class="full-name"></output>
<script src="matreshka.min.js"></script>
<script>
var app = new Matreshka();
app.bindNode({
firstName: 'input.first-name',
lastName: 'input.last-name',
fullName: 'output.full-name'
})
.linkProps('fullName', 'firstName lastName', function(firstName, lastName) {
return firstName + ' ' + lastName;
});
app.firstName = 'Brendan';
app.lastName = 'Eich';
alert(app.fullName);
</script>Matreshka is small and powerful reactive JavaScript framework that allows you to build single page applications as easy as possible.
- Two-way data-bindings in JavaScript files.
- It's simple. Really. You don't need to learn mass of articles to get started.
- Custom architecture. You can choose any way how you build an application.
- It's fast!
Sponsoring by Shooju
Install via NPM
npm install --save matreshka
Install via Bower
bower install matreshka
CDN
<script src="https://cdn.jsdelivr.net/matreshka/latest/matreshka.min.js"></script>- Vote for new features
- The website
- Release History
- JSDoc files for IDE
- TodoMVC
- Issues
- Forum
- Donate some Bitcoins
License: MIT License