Taro 是凹凸实验室出品的一套 React 语法规范的多段开发解决方案。主旨在于使用一套代码，通过不同的编译类型，编译为成不同平台的应用。（目前支持：小程序、H5） 安装 Taro 提供的 cli 工具。 Taro 本身提供的 API。 Taro 建议使用 px 、 百分比 …

React Native vs. Cordova、PhoneGap、Ionic，等等 (待翻译) 如果你是一名设计师，你所在的团队使用(或正在考虑使用)的技术是 React ，或者你只是单纯对 “React” 比较好奇的话，那么本文就是为你而准备的。 在文本中，我只使用朴实的语…

公司使用微信小程序做了不少东西，发现的痛点越来越多。没有组件化，配置繁锁，生命周期名字不一。基于它才有了vue系列的解决方案，我在想，能不能搞一套React的解决方案呢。毕竟以React为技术栈的公司不在少数，销路肯定很好。 我首先从定义组件着手。微信小程序是存在自定义组件的机…

这是本系列的第二篇，过去两周，已经有相当成果出来。本文介绍其中一部分可靠的思路，这个比京东的taro更具可靠性。如果觉得看不过瘾，可以看anu的源码，里面包含了miniapp的转换器。 微信小程序是面向配置对象编程，不暴露Page,App,Component等核心对象的原型，只…

零零散散也做过不少项目了，有基于jquery、bootstrap的，有基于jquery、easyui的，有基于react的。 项目多了总会有一些自己感悟和经验，所以分享出来，肯定有不对和不合适的地方，欢迎批评指正。 好了，废话不多说了，让我们从零开始，一步一步的折腾吧。 创建项…

介绍了八种 React 条件渲染方式。 这样对 React 渲染效率有提升。 将组件赋值到变量，就可以在 return 前任意修改它了。 但三元运算符产生嵌套时，理解成本会变得很高。 这个是最常用了，因为代码量最少。 高阶组件，就是返回一个新组件的函数，并且接收一个组件作为参数…

整个项目大概有60+个页面，用到的组件大概150+，package里面的依赖大概有70+个，应该勉强算得上是一个中型的React的项目了。 打包时间约150s，打包完之后的资源gzip之后约1.2m，尽管之前分离了一些公用依赖，但是index包的体积达到了600+还是令人难以接…

1. 前言 最近盯上了app store中的动画效果，感觉挺好玩的，嘿嘿~ 恰逢周末，得空就实现一个试试。不试不知道，做完了才发现其实还挺简单的，所以和大家分享一下封装这个组件的过程和思路。 2. 需求分析 哇，这个动画是不是很有趣，很神奇。为此，可以给它取个洋气的名字：神奇移…

createClass 是创建自定义组件的入口方法，负责管理生命周期中的 getDefaultProps。该方 法在整个生命周期中只执行一次，这样所有实例初始化的 props 将会被共享。 mixin，设置初始化 defaultProps，返回构造函数。 mountCompon…