Catberry

 

What the cat is that?

Catberry was developed to help create "isomorphic/Universal" Web applications.

Long story short, isomorphic/universal applications are apps that use the same codebase on both the server and client environments to render what the client would see as a "Single Page Application".

TLDR;

Install Catberry CLI using following command:

``bash
npm install -g catberry-cli
`

Use Catberry CLI to create an empty project with Handlebars support like this:

`bash
catberry init empty-handlebars
`

Or an example application that works using GitHub API:

`bash
catberry init example
`

Also, you can get a list of all templates:

`bash
catberry init ?
`

Useful links

* Catberry Documentation
* Get Started Guide
* Plugins and Tools
* Catberry's homepage and its source code
* Todo application
* Example application

Why should I use that?

$3

* The entire architecture of the framework is built using the Service Locator pattern – which helps to manage module dependencies and create plugins – and Flux, for the data layer
* Cat-components – similar to web-components but organized as directories, can be rendered on the server and published/installed as NPM packages
* Catberry builds a bundle for running the application in a browser as a Single Page Application
* ES2015/ES6 support – native on the server/Node.js and using Babel for a browser
* The whole framework's API uses Promises
* Framework itself is an express/connect middleware, which means you can use it with other middlewares

$3

* Fast and efficient progressive rendering engine based on
node.js streams on the server
* Browser rendering does not block the Event Loop, which means your app's UI will never be frozen
* Handlebars, Dust and
Pug template engines are officially supported (and you can implement your own provider to support any other)
* Efficient DOM event listening using event delegation

For more details please proceed to Catberry Documentation.

$3

`javascript
'use strict';

class CoolComponent {

/**
* Creates a new instance of the "CoolComponent" component.
* @param {ServiceLocator} locator The service locator for resolving dependencies.
*/
constructor(locator) {
// you can resolve any dependency from the locator.
}

/**
* Gets data for the template.
* This method is optional.
* @returns {Promise