Zino Documentation

This is a microframework similar to ReactJS and Polymer but without all the bloating and additional dependencies.

To learn about the latest changes to Zino, please take a look at the Release Notes.

Features

• no polyfills required
• define custom components in a human-readable way
• can use Mustache-like Syntax or JSX to keep components clean
• event handling
• lifecycle events
• Flux support - simply define your stores
• uses virtual DOM to efficiently render with as few reflows / repaints as possible
• dynamic on-demand loading of components
• works with your coding style
  • write a component in one file or split it up into files by different technologies
  • write components directly in JS and bundle them with your favourite JS bundler
  • plays well together with jQuery and other UI frameworks
• can be integrated to work with grunt
  • use SASS, LESS or Stylus for your component
  • write your JS in ES6, Typescript or CoffeeScript, and/or use Browserify
• use CSS in JS the React way or define an automatically scoped fully-fledged stylesheet or mix both
• no extra editor/editor plugins for specialized syntax highlighting necessary
• server-side rendering

Comparison

Installation

Zino can be installed through NPM:

$ npm install -D zino

Alternatively, you can use the unpkg CDN by adding a script tag to your page:

<script src="https://unpkg.com/zino"></script>

<!-- or if you don't want Mustache Support, you can use zino-light -->
<script src="https://unpkg.com/zino/zino-light.min.js"></script>