React里面有一个规范：      Note:        The comment parser is very strict right now; in order for it to pick up the @jsx modifier,two conditions are required.        The @jsx comment block must be the fi

宽度单位和像素密度 react的宽度不支持百分比，设置宽度时不需要带单位 {width: 10}， 那么10代表的具体宽度是多少呢？ 不知道是官网文档不全还是我眼瞎，反正是没找到，那做一个实验自己找吧： 默认用的是iPhone6的模拟器结果是： 我们知道iPhone系列的尺寸如下图： 可以看到iphone 6的宽度为 375pt，对应了上边的375，由此可见react的单位为pt。 那如何获取实际

1. 什么是 ReactiveCocoa ReactiveCocoa（其简称为 RAC）是由 Github 开源的一个应用于 iOS 和 OS X 开发的新框架。RAC 具有函数式编程和响应式编程的特性。它主要吸取了 .Net 的 Reactive Extensions 的设计和实现。 2. ReactiveCocoa 试图解决什么问题 传统 iOS 开发过程中，状态以及状态之间依赖过多的问题 传

1.ReactiveCocoa常见操作方法介绍。 1.1 ReactiveCocoa操作须知 所有的信号（RACSignal）都可以进行操作处理，因为所有操作方法都定义在RACStream.h中，因此只要继承RACStream就有了操作处理方法。 1.2 ReactiveCocoa操作思想 运用的是Hook（钩子）思想，Hook是一种用于改变API(应用程序编程接口：方法)执行结果的技术. Hoo

ReactJS是什么 ReactJS是Facebook内部的一个javascript类库,已于2013年开源，可用于创建WEB用户交互界。它引入了一种新的方式来处理浏览器DOM。那些需要手动更新DOM，费力地记录每一个状态的日子一去不复返了，你只需要声明式的定义各个时间点的用户界面，而无须关心在数据变化时需要更新哪一部份DOM.在任何时间点，ReactJS都能够以最小的DOM修改来更新整个应用程序

今天和大家说说React的一些基础。 1. JSX 这是一个把XML混在JavaScript 的一种方式。Facebook相信这种方式令标签语言和JS代码更佳紧凑。在React构件页面时，是以组件(Component)的方式存在的, 通过组件构件的页面元素就是通过JSX的方式完成。在React中你不一定要用JSX，但是这是令人痛苦的决定。因为每一个页面元素都必须通过React.createElem

这篇博文记录了我第一次接触React Native的心酸历程，在此记录下来，以便以后查阅，也希望给别的朋友一些帮助。 废话不多说，不知道React Native是什么东西的朋友，请自行google，下面开始正文。 由于我使用的是Mac 所以这里只针对 OS X系统。 要使用React Native 我们需要安装以下工具： 1，homebrew 安装方法： ruby -e "$(curl -fsSL

说了两篇理论，是时候实操一下了。找个实例说说。 假设我们要用ReactJS实现一下列表 由于React 是组件化的元素，所以这个时候你需要分解一下这个页面 如图所示 ，我会分解成 头 head - 这是一个滚动的广告，是页面的头部 尾foot - 这是一个底部，负责Tab 最后就是我们所说的列表catalogList了 按照这个划分我们的页面是由<head/><catalogList/><foot

编者语：前三篇的文章把React的基础和TypeScript对ReactJS的一些整合方式都介绍给大家了，接下来几篇会聊到如何和数据业务进行整合。今天先说说简单的数据整合，而之后会说flux。 数据加载现在在JS 上都会使用Promise的模式(http://www.infoq.com/cn/news/2011/09/js-promise) , 而React 对于数据的载入重点不是你用什么方法去利

介绍这个工具前不得不先介绍一下积木系统。 积木系统是 imweb 团队出品、为产品运营而生的一套活动页面发布系统，详细介绍见 PPT 简单可以这么理解它的理念: 一个页面 = 一个模板 + 多个组件 一个组件 = 一份代码 + 一份数据 一个组件开发一次，复用多次 一个页面使用多个组件拼装后，实时预览、快速发布上线 此前在阿里实习的时候也接触过一个叫 TMS（淘宝内容管理系统）的系统, 专门用于快

本文为学习笔记，适合入门的童鞋，如有错误，请多多指教。 一、react诞生 Web app的性能瓶颈，主要有以下原因。 （1）Web基于DOM，而DOM很慢。浏览器打开网页时，需要解析文档，在内存中生成DOM结构，如果遇到复杂的文档，这个过程是很慢的。可以想象一下，如果网页上有上万个、甚至几十万个形状（不管是图片或CSS），生成DOM需要多久？更不要提与其中某一个形状互动了。 （2）DOM拖慢Ja

这篇博客稍微讲解下React-Native中的布局。比较简单。RN的而布局是用css中的flexbox布局，所以布局起来与android传统的布局样式有点像。接下来就结合图片一起来看看。 常用属性讲解 RN的flexbox主要有以下几个属性alignItems，alignSelf，flex，flexDirection，flexWrap，justifyContent。 flexDirection 该

学习React-Native有一段时间了。今天就从源码的角度来分析下React-Native底层的通信机制。了解下底层是如何通信的对开发也有所好处。 概要 先大概讲一下React-Native的通信过程。RN主要的通信在于java与js之间，平常我们写的jsx代码最终会调用到原生的View。上一篇博客我们也了解到了要新建一个原生模块需要在java层和js层分别写一个Module，那这彼此之间联系是

原文链接 前言 《React移动web极致优化》也提到了，构建工具是前端优化的重要一环。而React的推荐构建工具则是Webpack。这篇文章我们就来聊聊如何在Webpack构建的过程中如何针对React的应用做一些优化。 如果还没看过《webpack使用优化（基本篇）》这篇文章，建议去看看，因为针对React的优化往往也离不开Webpack那些最基本的优化点。此外，在这里将Webpack视作构建

阅读本文大约需要5分钟 投稿详情 端午第一节过节快乐哈~德玛西亚万岁。本文由hiphonezhu投稿,主要讲解原生UI组件封装以及实现『仿QQ』消息滑动删除组件封装实例。博客地址(底部阅读原文):http://www.jianshu.com/p/40e173fd5350 前言 总所周知，移动App快速发展的这几年，用户对于交互体验（UI、UE）的要求越来越高，因此，在原生开发中涌现了很多优秀的UI

写在前面 1. 什么是React-Native？ 　　 　　React-Native是：Facebook 在2015年初React.js技术研讨大会上公布的一个开源项目。支持用开源的JavaScript库React.js来开发iOS和Android原生App。初期仅支持iOS平台，同年9月份，该开源项目同时支持Android平台。 　　React Native的原理是：在JavaScript中用R

阅读本文大约需要3分钟 之前我们更新过封装UI组件『仿QQ』消息滑动删除组件封装(数据篇)了,但是还需要通过实现事件处理机制。Ok,今天就跟大家一起来分享实现一下事件处理。历史文章可通过公众号历史消息查询,或者回复1查询。 投稿人(可阅读原文):hiphonezhu 文章地址:http://www.jianshu.com/p/0b23441d58fc 1.前言        在很多情况下我们封装U

webpack的loaders是一大特色，也是很重要的一部分。这遍博客我将分类讲解一些常用的laoder 一、loaders之 预处理 css-loader 处理css中路径引用等问题 style-loader 动态把样式写入css sass-loader scss编译器 less-loader less编译器 postcss-loader scss再处理 npm install --save -

说到自动化构建，你想到了什么？基于AMD的requirejs？还是基于commoJS的browserify？他们都在各自的领域或者说时代发挥了很重要的作用。 但是时代的变迁，webpack成了现在的佼佼者，我们不知道什么时候wepback也会被取代，但是现在我们必须要掌握。 我不担心我学完webpack新东西来了就没用了，相反的我很期待也很高兴有新的东西来取代webpack，因为如果能取代，必然是

阅读本文大约需要3分钟      官方给我们提供了Tab控制器,但是那个不是双平台通用的,不过借助开源的力量可以实现通用的Tab控制器效果。 投稿人:hiphonezhu  地址:http://www.jianshu.com/p/b7788c3d106e 本文所讲知识点 开源项目react-native-scrollable-tab-view的基本使用方法 准备工作 1.1.新建一个项目 1.2.