yarn using npm.taobao.org

最近由 facebook 出品了全新的 javascript 包管理器 yarn,经过尝试其在保持 npm3 兼容性的基础上,大大提高了安装速度,以及增加了不少新功能,具体详细查看: https://yarnpkg.com.

但在国内由于源的问题,速度仍然大大受到限制,这里提供基于 npm.taobao.org 源的 yarn 包:         tyarn.

继续阅读

我的 React 2015 之路

首先要感谢 React,拯救了我的第一个职业倦怠期,自 2014 年带着 React 在蚂蚁必定能有所作为的执念来到这里,经过 2015 一年惊心动魄的历程,期间基本没精力写文章,在小伙伴们的帮助下到如今终于开花结果,回想 2015,感激而庆幸。

继续阅读

使用 rc-animate 快速对 react element 动画

原文: https://github.com/react-component/animate/blob/master/docs/zh-cn/intro.md

近期很多组件 侧重于动画效果,而 react 一开始仅仅是有 简单 的支持,现在则是比较难理解的 react-motion
在我看下还是 angular-animate 的 api 好用些. 这次刚好统一下组件动画,
抽取出 rc-animate 模块,通过该模块可以很方便得进行动画.

以下示例可见: http://react-component.github.io/animate/examples/

继续阅读

change at 2014

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

继续阅读

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

继续阅读