ractivejs/ractive

Ractive.js is a JavaScript library for building interactive web pages where the content on screen updates automatically when the underlying data changes. This is sometimes called reactive UI: rather than manually finding a DOM element and rewriting its contents, you describe what the page should look like and Ractive handles keeping it in sync with your data. The library uses a template syntax similar to Mustache (double curly braces around variable names) to connect HTML markup to a data object. When the data changes, only the parts of the page that depend on that data are updated, which avoids unnecessary work for both the code and the browser. It also includes built-in support for handling user events (clicks, form inputs) and for animating transitions between states. Unlike larger frameworks, Ractive does not prescribe a folder structure, build system, or component model. It is designed to be included in a project incrementally or used alongside other tools. The library is distributed on npm and is available via the unpkg CDN. It supports IE9 and all modern browsers, with a separate legacy build that includes polyfills for older environments. The project includes interactive tutorials at learn.ractivejs.org and a 60-second setup guide for new users. Documentation is hosted at docs.ractivejs.org. The README is brief and the project appears to have been most actively developed between 2012 and 2016. It is released under the MIT license.