<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="build/react.js"></script>
<script src="build/JSXTransformer.js"></script>
</head>
<body>
<!-
1. 介绍： 对组件的组织和管理方式 目的： 逻辑信息 代码模块化 封装细节 提高代码的复用性 实现： 组件嵌套(实现代码封装) Mixin（实现代码的复用） 2. 组件嵌套 组件嵌套本质是父子关系： 父组件通过属性向子组件通信， 子组件向父组件通信 ： 子组件调用父组件的的通信： 委托； 实例： <!DOCTYPE html>
<html>
<head lang="en">
<meta
由于React Native是拿React.js来开发的，那么我们就需要了解下React.js，并学习下React.js的语法 。
以下内容为官网介绍：
React是Facebook推出的一个用来构建用户界面的JavaScript库。具备以下特性：
1.仅仅是UI，在使用React的时候，许多人仅仅是当做MVC的V层。
2.虚拟DOM（virtual DOM），Re
节选翻译 a cartoon intro to redux 关于Redux 的数据流的介绍 初始化store ,root component 创建 store, 并用 createStore 方法告诉 store 使用那个 root reducer. 这个root reducer 下面已经有多个子reducer. root reducer使用 combineReducer() 来集成子reduce
序 基于雨点儿网，分享react-native开发android app的方法。 上篇文章《零基础用react-native开发android app》介绍了RN(react-native)的一些基本概念以及开发流程，这篇文章主要结合我的开源项目raindrop-app跟大家交流下我自己的代码组织以及开发过程中遇到的一些问题。 代码组织： 目录结构： .
├── components //组
开篇引用React Native中文网的两句话： React Native使你能够在Javascript和React.js（有些文章直接说成React或者Reactjs）的基础上获得完全一致的开发体验，构建世界一流的原生APP。 React Native着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere) 一门新的技术出现，总要
Facebook 今天发布了 React Native for Android，把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台。 React Native 让开发者使用 JavaScript 和 React 编写应用，利用相同的核心代码就可以创建 Web，iOS 和 Android 平台的原生应用。React Native 的宗旨是，学习一次，高效编
一、介绍 导航组件Navigator可以让我们客户端在不同的页面见进行切换。为了达到这样的功能，Navigator提供了路由对象功能进行区分识别每一个页面。同时我们可以通过renderScene方法，Navaigator根据指定的路由进行渲染指定的界面。 支持：ios，android 大家先把完整代码看一遍，有个大概了解再开始看文章 二、属性 configureScene
一、介绍 WebView组件进行创建渲染一个原生的WebView，可以加载一个网页，并且具有网页的特性。 二、属性 style 继承可以使用View组件的所有属性和Style source {uri: string, method: string, headers: object, body: string}, {html: string, baseUrl: string}, number
React Native Package Manager是为了简化React Native开发而生的包管理器。这个项目的想法来自CocoaPods, fastlane和react-native link。它的目标是让几乎全部可用的模块不需要额外配置就可以使用。 RNPM需要一直在版本控制系统的管理下使用，以便保证一切可以回退。 相关网站 RNPM官方网站 rnpm github RN组件 需要no
书籍完整目录 3.1 开始使用 redux 前面我们介绍了 flux 架构以及其开源实现 redux，在这一节中，我们将完整的介绍 redux: redux 介绍 redux 是什么 redux 概念 redux 三原则 redux Stores redux Action redux Reducers redux 数据流动 3.1.1 redux 介绍 redux 是什么 Redux is a p
什么是组件 组件就像是乐高积木，一个完整的房子，可以由砖头一块一块的组成，一块砖头，就可以称为一个组件。 如何创建组件 调用 React.createClass 方法，传入的参数为一个对象，对象必须定义一个 render 方法，render 方法返回值为组件的渲染结构，也可以理解为一个组件实例（React.createElement 工厂方法的返回值），返回值有且只能为一个组件实例，或者返回nul
Redux 介绍 本文主要是对 Redux 官方文档 的梳理以及自身对 Redux 的理解。 单页面应用的痛点 对于复杂的单页面应用，状态（state）管理非常重要。state 可能包括：服务端的响应数据、本地对响应数据的缓存、本地创建的数据（比如，表单数据）以及一些 UI 的状态信息（比如，路由、选中的 tab、是否显示下拉列表、页码控制等等）。如果 state 变化不可预测，就会难于调试（st
ListView 组件介绍 http://taobaofed.org/blog/2015/12/09/using-js-to-build-an-crossplatform-native-app-an-introduction-to-listview/ 分页 除了简单的渲染之外，另外一个要考虑的问题就是 当数据量很大的时候如何分页加载 。这种情形分两种情况考虑： 数据一次性拿到，边滚动边加载 数据不
写之前 当你在看该系列教程时，我想你应该和我一样起码是有些基础了。本人是Android原生开发的，业余时间学习了下react native。学习的初衷是：很多时候，移动开发要求既要会Android也要会IOS（最好），但是学习IOS的成本摆在那里，然后听说react native开发使用js语言做移动开发，包括Android和IOS，本着对新技术极度好奇之孜孜以求，我就打开react native
React 组件实例在渲染的时候（实例化）创建，这些实例在接下来渲染中会被重复使用。要调用组件上的API，首先需要获取对组件的引用。在组件方法内部可以通过this访问，在组件外唯一访问组件方法就是通过React.render的返回值，在其它组件内访问组件，可以使用refs获得对组件的引用。 设置状态：setState 替换状态：replaceState 设置属性setProps 替换属性repla
代码组织： 目录结构： .
├── components //组成应用的各个组件
│ ├── Routers.android.js //每个组件若实现不一样，分为android的实现和ios的实现。
│ ├── Routers.ios.js
│ ├── common //公共组件
│ ├── issues //议题页面
│ ├── navig
React组件化的UI库 目前React组件化的UI有很多，这里有很多已实现的React组件库。如： TouchstoneJS - React.js powered UI framework for developing beautiful hybrid mobile apps. Elemental UI RSuite | 一个基于 React.js 的 Web 组件库 Ant Design of
react样式工具有许许多多，本文将其分为四类分别介绍总结，方便日常项目开发过程中进行选择和组合使用。 四类工具 类型一：方法论 BEM SMACSS OOCSS SUITCSS Atomic 方法论类型的工具是指导你如何使用css，通过遵循标准规范，能够避免犯一些常见错误。它们也提供一些命名文件和class的建议。 例如BEM BEM建议使用一种特殊格式的class name：'block,el
1.1 React 介绍 1.1.1 React 是什么 React IS A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES 来自：React 官方网站 http://facebook.github.io/react/ 狭义来讲 React 是 Facebook 内部开源出来的一个前端 UI 开发框架，广义来讲 React 不仅仅是 js 框架本
