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 ;