san jose convention center
f8 2017 见闻
期待你的加入/We’re hiring
我们是来自蚂蚁金服的终端技术组,我们通过打造可靠的前端基础中间件服务于蚂蚁金服与口碑的各个业务团队。
使用 rml(React Markup Language) 替代 jsx
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 模块,通过该模块可以很方便得进行动画.
React Object Model
change at 2014
过完年发现 2014 真得已经过去了,变化也远比前几年多:技术上上半年使得 kissy5,xtemplate 产生了显著的变化,下半年更激进得抛弃了以前的积累,转向 react ,思路开阔了很多,对比一年前 ppt 和今年的 ppt ,一样的目标,思路竟然已经存在很大差异,恍若隔世.
compare kissy with react
react
在传统组件架构的基础上增加了创新性的 虚拟 dom
和 diff
算法,减少了传统组件架构的手动局部渲染问题,并使用类似 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