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

继续阅读

Advertisements

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

继续阅读

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.

继续阅读

2d transform in canvas

之前研究了下 css 中的 2d transform ,最近又看了下 canvas 的一些关于 2d 变换的 api,发现 api 间有很大的重复性( rotate translate scale setTransform …),不过一些重复功能的 api 确实暴露了更方便的接口。

例如对一个物体(矩阵)进行平移,旋转,缩放的复合操作,至少有三种实现手段。

继续阅读