架构师（JiaGouX） 我们都是架构师！ JSX HTML 语言直接写在 JavaScript 语言之中，不加任何引号，这就是 JSX 的语法，它允许 HTML 与 JavaScript 的混写。 var names = ['Alice', 'Emily', 'Kate']; React.render( <div> { names.map(function (name) { return <di
1，使用命令行安装brew curl -LsSf http://github.com/mxcl/homebrew/tarball/master | sudo tar xvz -C/usr/local --strip 1 2.安装node,watchman,flow brew install watchman brew install flow brew install node 再次过程中可能会
架构师（JiaGouX） 我们都是架构师！ Components React提供了和以往不一样的方式来看待视图，它以组件开发为基础。组件是React的核心概念，React 允许将代码封装成组件（component），然后像插入普通 HTML 标签一样，在网页中插入这个组件。React.createClass 方法就用于生成一个组件类。对React应用而言，你需要分割你的页面，使其成为一个个的组件。
1. class和for这两个属性，JSX语法最终是要被转换为纯Javascript的，所以要和在Javascript DOM中一样，用className和htmlFor。 2. 在创建HTML标准内的元素时，JSX转化器会丢弃那些非标准的属性，如果一定要添加自定义属性，那么需要在这些自定义属性之前添加data-前缀 【"JSX elements must be wrapped in an enc
这个是 Facebook 官方学习 Flux 的 todo 例子 想用这个例子来总结一下怎么从零开始用 React 和 Flux 构建一个 App Structure App
├─ javascripts
│ ├─ actions
│ │ ├─ TodoActions.js
│ ├─ components
│ │ ├─ TodoComponents
│ │ │ ├─ TodoAp
开发者（ KaiFaX ） 面向开发者、程序员的专业平台！ auto-ellipsis 是一个用于解决文本超长溢出截断并加 ... 的 React 组件。 关于 React 随着 React 的火热，随之而来的负面消息也变得更多。之前网上就有人批评说 React 的鼓吹者很多，甚至被定性为『无脑』，这就如同当年批评 jQuery 一样。 React 对我而言，不仅仅是一个前端 View 库，它对
React Native In Android https://facebook.github.io/react-native/docs/getting-started.html#content Requirements OS X - Only OS X is currently supported Homebrew is the recommended way to install nvm, w
Coding Style(编码风格) Basic Rules(基本原则) 每个文件中只包含一个React组件。 尽可能地使用JSX语法。 除非不用JSX语法创建一个应用，否则不要使用React.createElement方法。 Component(组件规范) Class 与 React.createClass方法 尽可能地使用ES6中的类的语法，除非有特殊的对于Mixin的需求。 // bad
c
从 auto-ellipsis 看 React 组件开发 auto-ellipsis 是一个用于解决文本超长溢出截断并加 ... 的 React 组件。 关于 React 随着 React 的火热，随之而来的负面消息也变得更多。之前网上就有人批评说 React 的鼓吹者很多，甚至被定性为『无脑』，这就如同当年批评 jQuery 一样。 React 对我而言，不仅仅是一个前端 View 库，它对我的
react-native-icons 下载 在项目的根目录下执行npm install react-native-icons@latest --save，下载完成后可以在node_modules目录下看到该插件: 配置 目前只支持iOS，所以只有xcode的配置： 导入ReactNativeIcons.xcodeproj 1.项目Libraries上右键： 添加项目根目录下的node_module
React Flux架构简介 个人现阶段对Flux架构的理解，求拍砖求star! 原文链接：https://github.com/kuitos/kuitos.github.io/issues/27 React 简介请戳 这里 Flux是什么 Flux是Facebook用来构建客户端web应用的应用架构。它利用单向数据流的方式来组合react中的视图组件。它更像一个模式而不是一个正式的框架，开发者不
按照官方的文档来创建，加载总是提示找不到index.ios.js，先简单介绍下官方的创建步骤， 1、正常创建ios项目，创建Podfile文件， 2、在Podfile里添加 pod 'React'
pod 'React/RCTText' 接着 pod install 3、在程序的根目录创建ReactComponent文件，在ReactComponent里添加index.ios.js文件 4
(点击上方公众号，可快速关注) 作者：Weiwei SUN（@晓风well） 网址：http://wwsun.me/posts/react-getting-started.html 近来React.js变得越来越流行，本文就来谈一谈React.js的入门实践，通过分析一些常用的概念，以及提供一些入门 的最佳编程编程方式，仅供参考。 首先需要搞懂的是，React并不是一个框架，React提供了一些新
完成ReactNative的编写 到Xcode中，打开「AppDelegate.m」文件 找到「OPTION 2」 取消jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];的注释 打开命令行，跳转到ReactNative应用的根目录 执行命令react-native bu
由于React Native是拿React.js来开发的，那么我们就需要了解下React.js，并学习下React.js的语法 。
以下内容为官网介绍：
React是Facebook推出的一个用来构建用户界面的JavaScript库。具备以下特性：
1.仅仅是UI，在使用React的时候，许多人仅仅是当做MVC的V层。
2.虚拟DOM（virtual DOM），Re
在学习之前，我们先去下载上入门程序包。[下载](http://facebook.github.io/react/downloads/react-0.13.1.zip)。这个里面有官方的demo和一些js文件。这篇博客只是简单的接扫下，毕竟我学的不是web开发。 接下来看看html页面大致结构： <!DOCTYPE html>
<html>
<head>
<meta charset="U
此文章会逐步更新，主要记录使用react遇到的问题和解决方案... React 和 ES6 这个介绍的很完整，看这个吧，https://babeljs.io/blog/2015/06/07/react-on-es6-plus 慢慢开始流行起来，但是React支持不是很好。目前我使用版本是0.14.0 ES6介绍 用React.Component ES6 Classes官网有介绍 不支持getIni
React 0.14 正式发布，此版本包括一些重要的改进，主要是简化代码编写，提供更好的支持环境，比如 React Native。 Reactjs 0.14 获取： React Dev build with warnings: https://fb.me/react-0.14.0.js Minified build for production: https://fb.me/react-0.14.
闲扯 在翻译之前我还是要简要介绍一下Meteor，这是一款跨时代的框架。真的，完全没有骗你。 一开始的网站是纯静态页面搭建的。 后来开始使用动态的脚本语言，比如PHP 后来以此构成了框架。最为出名的自然是Ruby on Rails。 再后来node的出现导致web开发再起风波，MEAN开始大行其道，但是，由于时间太短，没办法对PHP阵营和RoR阵营造成什么冲击，但是前后端统一js的理念已经存在了。
人生没有对错，只有选择后的坚持，不后悔，走下去，就是对的。 React Native 项目目录解析 上一节我们简单的新建了一个React Native的项目AwsoneProject，我们什么都没有操作，就直接在模拟器上运行起来了。这里我们详细的看看，React Native给我们生成的这几个文件到底是做什么用的。 项目目录结构 文件建构如下图所示： android android 的项目构建目录
