catberry下载 - catberry源代码下载

catberry

网站数据

viders and more

下载

catberry

那是什么猫？

Catberry的开发是为了帮助创建“同构/通用” Web应用程序。

长篇小说简短，同构/通用应用程序是在服务器和客户端环境上使用相同代码库来渲染客户端将视为“单页应用程序”的应用程序。

tldr;

使用以下命令安装Catberry CLI：

npm install -g catberry-cli

使用Catberry CLI创建一个带有类似车把支持的空项目：

catberry init empty-handlebars

或使用github api工作的示例应用程序：

catberry init example

另外，您可以获取所有模板的列表：

catberry init ?

有用的链接

catberry文档
入门指南
插件和工具
Catberry的主页
待办事项
示例应用程序

我为什么要使用它？

建筑学

框架的整个体系结构都是使用服务定位器模式构建的，该模式有助于管理模块依赖关系并创建插件 - 以及用于数据层的通量
CAT-COMPONTENT - 类似于Web组件，但可以在服务器上渲染，并以NPM软件包的形式发布/安装
catberry构建一个用于在浏览器中以单页应用程序运行应用程序的捆绑包
ES2015/ES6支持 - 服务器/node.js上的本机，并使用babel进行浏览器
整个框架的API使用承诺
框架本身是一种快递/连接中间件，这意味着您可以将其与其他中间件一起使用

渲染

基于服务器上的node.js流的快速有效的渐进式渲染引擎
浏览器渲染不会阻止事件循环，这意味着您的应用程序的UI永远不会被冻结
车把，灰尘和哈哈模板引擎得到正式支持（您可以实施自己的提供商以支持其他任何人）
有效的DOM事件使用事件委托

有关更多详细信息，请继续访问Catberry文档。

典型的猫组件示例

 '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<Object>|Object|null|undefined} Data for the template.
	 */
	render ( ) {
		return this . $context . getStoreData ( ) ;
	}

	/**
	 * Returns event binding settings for the component.
	 * This method is optional.
	 * @returns {Promise<Object>|Object|null|undefined} Binding settings.
	 */
	bind ( ) {
		return {
			// CSS selector
			'.clickable' : ( ) => window . alert ( 'Ouch!' ) ;
		}
	}

	/**
	 * Cleans up everything that has NOT been set by .bind() method.
	 * This method is optional.
	 * @returns {Promise|undefined} Promise of nothing.
	 */
	unbind ( ) {
		// nothing to do here we have used bind properly
	}
}

module . exports = Some ;

该组件用作自定义标签：

 < cat-cool id =" unique-value " cat-store =" group/CoolStore " > </ cat-cool >

典型的商店示例

 'use strict' ;

class CoolStore {
	/**
	 * Creates a new instance of the "CoolStore" store.
	 * @param {ServiceLocator} locator The service locator for resolving dependencies.
	 */
	constructor ( locator ) {

		/**
		 * Current universal HTTP request for environment-independent requests.
		 * @type {UHR}
		 * @private
		 */
		this . _uhr = locator . resolve ( 'uhr' ) ;

		/**
		 * Current lifetime of data (in milliseconds) that is returned by this store.
		 * @type {number} Lifetime in milliseconds.
		 */
		this . $lifetime = 60000 ;
	}

	/**
	 * Loads data from a remote source.
	 * @returns {Promise<Object>|Object|null|undefined} Loaded data.
	 */
	load ( ) {
		// Here you can do any HTTP requests using this._uhr.
		// Please read details here https://github.com/catberry/catberry-uhr.
	}

	/**
	 * Handles an action named "some-action" from any component or store.
	 * @returns {Promise<Object>|Object|null|undefined} Response to the component/store.
	 */
	handleSomeAction ( ) {
		// Here you can call this.$context.changed() if you're sure'
		// that the remote data on the server has been changed.
		// You can additionally have many handle methods for other actions.
	} ;
}

module . exports = Some ;