什么是JSX         JSX 是一种类 XML 语言，全称是 JavaScript XML 。React 可以不使用 JSX来编写组件，但是使用JSX可以让代码可读性更高、语义更清晰、对 React 元素进行抽象等等。         JSX不是XML或者HTML，不是一种限制，是 基于ECMAScript的一种新特性， 一种定义带属性树结构的语法。JSX是JS的一中语法糖，类似Coffe

        React 中的每个组件都有三个阶段，这三个阶段构成了组件完整的生命周期。组件的生命周期为初始化→运行中→销毁，每个阶段都可以有开发者自定义的函数，执行不同的行为。下面介绍不同阶段的特点、不同阶段可以触发的函数以及触发条件。         组件本质上是状态机，输入确定，输出一定确定。 状态发生转换时会触发不同的钩子函数，从而让开发者有机会做出响应。 可以用事件的思路来理解状态。

        React 中的属性和状态初看之下可以互相替代，但是在 React 的设计哲学中两者有着截然不同的使用方式和使用场景。 属性的含义和用法         props = properties         属性往往是与生俱来、无法自己改变的         第一种使用方式：{this.state.name} <script type="text/babel"> var Hello

        表单是前端页面中非常重要也是非常常用的一个内容，react 也在表单方面进行了很多封装，让开发者可以方便快捷地在 react 组件中使用表单。下面介绍如何在组件中正确的使用表单，从而可以让表单更好地和组件结合在一起。  不可控组件和可控组件介绍         不可控，抛弃了状态，不使用React的数据流。         组件可控的好处：         符合React的数据流

二、JSX的介绍 首先，请考虑下面的变量声明： const element = <h1>hello world</h1>; 这个有趣的标签语法，因为它既不是字符串也不是HTML。 它被称为JSX，它是JavaScript的语法扩展。 我们建议使用它和React一起使用，以便描述UI应该是什么样子的。JSX或许看上去像是一个模板语言，但是它具有JavaScript的全部能力。 JSX用来生成Reac

写在前面 这一系列是我在学习redux时的同步笔记，学习资料为：Redux中文文档。 动机 背景： 单页应用，js需要管理很多state。 两个概念： 变化和异步 和React相结合： React在视图层禁止异步并直接操作DOM，Redux处理state中的数据。 目的： Redux试图让state变化的可预测。 三大原则 单一数据源 注意理解：整个应用的state被储存在一棵object tre

1.react中的虚拟dom树概念，在html中写标签都会放到dom树种，而在 react中先到虚拟中，他的一个好处就是跨平台，虚拟dom树可以让你的 有一个diff算法，不该删的东西不删， 2.react组件化开发，就是之前的模块化开发是从业务功能中来组织代码结构的 但是我们的组件化开发是基于UI来进行开发的 3.react组件化开发的特性，自定义组件，高内聚思想，独立的作用域，规范化的接口 4

YY ReactNative 文件结构介绍 示例工程结构（狼人杀） YY ReactNative(以下称YRN)项目与原始ReactNative项目代码结构基本一致，可直接使用原工具套进行开发，对接YY 构建系统/组件系统时，需注意一下3个文件（没有文件可直接新建） config.json 组件信息配置 package.json 包管理增加打包工具（yrn_build） PLUGINID 组件系统

　React 是一个用于构建用户界面的 JavaScript 库，主要用于构建 UI，而不是一个 MVC 框架，但可以使用 React 作为 MVC 架构的 View 层轻易的在已有项目中使用，它是一个用于构建用户界面的 JavaScript 库，起源于 Facebook 的内部项目，用来架设 Instagram 的网站，于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单，

React-Native 入门指导系列教程目录 一、准备工作 (已完成) 二、项目介绍与调试 三、CSS样式与Flex布局 四、常用UI控件的使用 五、JSX在React-Native中的应用 六、事件与数据调用 七、自定义组件 八、动手写实例 九、发布与真机调试   写在前面 1. 什么是React-Native？ 　　 　　React-Native是：Facebook 在2015年初React

前言 在上一篇博客中，我们介绍了RN环境的搭建，以及遇到的各种坑，历经千辛万苦，终于算是完成了！也生成了一个项目，下面呢，我们就来简单了解一下生成的这个项目及相关的问题 项目目录 我们使用react-native init AwesomeProject命令，生成了一个AwesomeProject的项目，这个项目呢就算是我们RN的第一个Hello World项目了！我们打开这个项目： 整个项目的目录

作者：Brandon Newton 原文：Higher-Order Components (HOCs) for Beginners 谈点：一篇面向初学者的 HOC 介绍。高阶组件听起来挺唬人的，只看名字恐怕不是那么容易明白究竟是何物，而且通常来讲高阶组件并不是组件，而是接受组件作为参数，并且返回组件的函数。早期利用 ES5 的 mixin 语法来做的事，基本都可以使用高阶组件代替，而且能做的还有更

最近在为一个Web项目进行前端框架的选型，本人当前的项目，是一个企业内部自己用的系统，所以对界面要求不太高，但是由于管理的数据比较多，对于前端页面渲染的性能要求比较高，比较了一圈之后，感觉React 这个框架比较合适。 引用知乎上的一篇文章（https://www.zhihu.com/question/33471134/answer/56575265），其分析如下，笔者感觉有共鸣。 喜欢React

本文转载自：众成翻译 译者：iOSDevLog 链接：http://www.zcfy.cc/article/3803 原文：https://www.fullstackreact.com/30-days-of-react/day-27/ 今天，我们将探讨部署我们的应用所涉及的不同部分，以便外界可以使用我们的应用。 我们的应用通过这一点进行了测试, 现在是时候让它起来为世界而活。本课程的其余部分将致力

navigationOptions：配置StackNavigator的一些属性。      title：标题，如果设置了这个导航栏和标签栏的title就会变成一样的，不推荐使用      header：可以设置一些导航的属性，如果隐藏顶部导航栏只要将这个属性设置为null      headerTitle：设置导航栏标题，推荐      headerBackTitle：设置跳转页面左侧返回箭头后面

React Native 使你能够使用基于 JavaScript 和 React 一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native 把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook 在多个应用程序产品中使用了 React Native，并将继续为 React Native 投资。 React Na

Reactor 是一个基础库，可用它构建时效性流式数据应用，或者有低延迟和容错性要求的微/纳/皮级服务。 前言 Preface TL;DR

React从诞生到现在，越来越多的前端开发者喜欢上该框架，其原因有很多，其中一个主要的原因是因为它的组件很灵活，而本博客主要介绍React的三种类型的组件：受控类型，无状态类型，高阶类型。 在讲组件之前，先介绍一下React组件的两个重要特性： props:组件属性，专门用来连接父子组件间通信，父组件传输父类成员，子组件可以利用但不能编辑父类成员； state：专门负责保存和改变组件内部的状态；

在React中使用React Router来构建单页应用 一、为什么需要路由 在我们使用React来构建单页App的时候，最大的区别是，导航一个页面应用程序并不涉及到一个全新的页面。而是你的整个应用是在同一个页面进行操作的。 当你加载网页内容的时候，将会变得有一点困难，困难的部分不是加载内容本身，这相对来说比较容易，而是确保单页应用的行为与用户习惯性的操作行为保存一致，更显著的是，当用户导航使用你

 先附上一张XML 大概图：详解见博客内容。 一、定义 XML（EXtensible Markup Language） :可扩展标记语言。     设计的用途：用来描述，存储，传输数据信息。   二、特色   1、单纯的XML只具有描述性作用。   XML被设计用来结构化、存储以及传输信息，看这个例子： 下面是wyx 写给john 的email，存储为 XML： <email> <to>john<