Description
Rivets.js is a lightweight data binding and templating system that facilitates building data-driven views. It is agnostic about every aspect of a front-end MV(C|VM|P) stack, making it easy to introduce it into your current workflow or to use it as part of your own custom front-end stack comprised of other libraries.
rivets alternatives and similar libraries
Based on the "MVC Frameworks and Libraries" category.
Alternatively, view rivets alternatives based on common mentions on social networks and blogs.
-
react-native
A framework for building native applications using React -
Vue.js
This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core -
preact
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM. -
backbone
Give your JS App some Backbone with Models, Views, Collections, and Events -
ember.js
Ember.js - A JavaScript framework for creating ambitious web applications -
nativescript
⚡ Empowering JavaScript with native platform APIs. ✨ Best of all worlds (TypeScript, Swift, Objective C, Kotlin, Java). Use what you love ❤️ Angular, Capacitor, Ionic, React, Solid, Svelte, Vue and you name it compatible. -
GrapesJS
Free and Open source Web Builder Framework. Next generation tool for building templates without coding -
Alpine.js
A rugged, minimal framework for composing JavaScript behavior in your markup. -
hyperapp
1kB-ish JavaScript framework for building hypertext applications. -
inferno
:fire: An extremely fast, React-like JavaScript library for building modern user interfaces -
Adonis
🚀 The Node.js Framework highly focused on developer ergonomics, stability and confidence -
knockout
Knockout makes it easier to create rich, responsive UIs with JavaScript -
aurelia
The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia. -
Stimulus
A modest JavaScript framework for the HTML you already have [Moved to: https://github.com/hotwired/stimulus] -
Rete.js
JavaScript framework for visual programming and creating node editor #StandWithUkraine -
Million
🔟🔼6️⃣ An extremely fast virtual DOM that makes React up to 70% faster! -
derby
MVC framework making it easy to write realtime, collaborative applications that run in both Node.js and browsers -
litegraph.js
A graph node engine and editor written in Javascript similar to PD or UDK Blueprints, comes with its own editor in HTML5 Canvas2D. The engine can run client side or server side using Node. It allows to export graphs as JSONs to be included in applications independently. -
FFCreator
一个基于node.js的高速视频制作库 A fast video processing library based on node.js -
FoalTS
Full-featured Node.js framework, with no complexity. 🚀 Simple and easy to use, TypeScript-based and well-documented. -
Monkberry
Monkberry is a JavaScript library for building web user interfaces -
rxweb
Tons of extensively featured packages for Angular, VUE and React Projects
Appwrite - The Open Source Firebase alternative introduces iOS support
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of rivets or a related project?
Popular Comparisons
README
Rivets.js
Rivets.js is a lightweight data binding and templating system that facilitates building data-driven views. It is agnostic about every aspect of a front-end MV(C|VM|P) stack, making it easy to introduce it into your current workflow or to use it as part of your own custom front-end stack comprised of other libraries.
Usage
<section id="auction">
<h3>{ auction.product.name }</h3>
<p>Current bid: { auction.currentBid | money }</p>
<aside rv-if="auction.timeLeft | lt 120">
Hurry up! There is { auction.timeLeft | time } left.
</aside>
</section>
rivets.bind($('#auction'), {auction: auction})
Getting Started and Documentation
Documentation is available on the homepage. Learn by reading the Guide and refer to the Binder Reference to see what binders are available to you out-of-the-box.
Building and Testing
First install any development dependencies.
$ npm install
Building
Rivets.js uses gulp as its build tool. Run the following task to compile + minify the source into dist/
.
$ gulp build
Testing
Rivets.js uses mocha as its testing framework, alongside should for expectations and sinon for spies, stubs and mocks. Run the following to run the full test suite.
$ npm test
Contributing
Bug Reporting
- Ensure the bug can be reproduced on the latest master.
- Open an issue on GitHub and include an isolated JSFiddle demonstration of the bug. The more information you provide, the easier it will be to validate and fix.
Pull Requests
- Fork the repository and create a topic branch.
- Make sure not to commit any changes under
dist/
as they will surely cause conflicts for others later. Files underdist/
are only committed when a new build is released. - Include tests that cover any changes or additions that you've made.
- Push your topic branch to your fork and submit a pull request. Include details about the changes as well as a reference to related issue(s).