change at 2014

过完年发现 2014 真得已经过去了,变化也远比前几年多:技术上上半年使得 kissy5,xtemplate 产生了显著的变化,下半年更激进得抛弃了以前的积累,转向 react ,思路开阔了很多,对比一年前 ppt 和今年的 ppt ,一样的目标,思路竟然已经存在很大差异,恍若隔世.

继续阅读

Advertisements

compare kissy with react

原文:https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/kissy-react-compare.md

react 在传统组件架构的基础上增加了创新性的 虚拟 domdiff 算法,减少了传统组件架构的手动局部渲染问题,并使用类似 html 的 jsx 语法来构建组件,配合极简的 api,概念很少,入门很快。

本文将介绍如何从传统的组件架构 KISSY 迁移到 react。示例组件为 menu 以及calendar/date-picker

kissy menu: https://github.com/kissyteam/menu react menu:https://github.com/react-component/menu

kissy date-picker: https://github.com/kissyteam/date-picker react calendar:https://github.com/react-component/calendar

继续阅读

npm-based front-end development using browserify and browser loader library

On browser side front end development, we can also use npm as our source of modules. In this article i will introduce a way of using a browser loader library(modulex) to load npm module in browser on development and using browserify to package modules on production. You may need to see this article first:https://github.com/yiminghe/learning-react/blob/master/tutorial/env/setup-your-playground.md

The demo is at https://github.com/yiminghe/learning-react/tree/master/example/react-router

继续阅读

KISSY 5 Is Released

原文: http://blog.kissyui.com/2014/10/17/kissy-5-is-released/

KISSY 经过四年多的发展,在今天迎来了里程碑式的第五个大版本,也为了今后更加符合语义化的版本规范,新版本命名为 KISSY 5 ,你可以通过 cdn 来使用

<script src="//g.alicdn.com/kissy/k/5.0.0/seed.js" data-config="{combine:true}"></script>

<!--
调试版
<script src=''//g.alicdn.com/kissy/k/5.0.0/seed-debug.js" data-config="{combine:true}"></script>
-->

或者通过 npm 下载到本地使用

npm install kissy@5.0.0

或者参见源码库自行 build

https://github.com/kissyteam/kissy/

接下来介绍下 KISSY 5 的一些主要特性,ppt 详见: https://speakerdeck.com/yiminghe/kissy-5-upgrade

继续阅读

FUNCTIONAL REACTIVE PROGRAMMING

原文地址: http://blog.kissyui.com/2014/08/07/functional-reactive-programming/

function reactive programming (frp) 是一种函数式语言的编程范式,通过响应式的编程可以构建出事件流,事件流可以再通过函数式的转换/过滤/组合,最终形成可用的结果。同 promise 类似可以有效得消除异步调用场景下的嵌套回调。和 promise 侧重于一次性的成功/失败不同,frp 则侧重于离散的源源不断的事件流。

frp 根据概念和实现的差别并没有一致的约定,这里介绍 kissy frp 的 api 及其用法,详细的概念介绍参见:The introduction to Reactive Programming you’ve been missing.

继续阅读